ui Architecture Docs
Home / File/ form-demo.tsx — ui Source File

form-demo.tsx — ui Source File

Architecture documentation for form-demo.tsx, a tsx file in the ui codebase. 17 imports, 1 dependents.

File tsx DocumentationAtlas SearchAPI 17 imports 1 dependents 1 functions

Entity Profile

Dependency Diagram

graph LR
  ad895872_0b65_ec90_967d_07da41fe7e95["form-demo.tsx"]
  3d40a3bf_c062_4304_329a_00b1b72e8523["zod"]
  ad895872_0b65_ec90_967d_07da41fe7e95 --> 3d40a3bf_c062_4304_329a_00b1b72e8523
  f9e8c1ea_9de4_3e04_ca27_b15cada2e81e["date-fns"]
  ad895872_0b65_ec90_967d_07da41fe7e95 --> f9e8c1ea_9de4_3e04_ca27_b15cada2e81e
  d39cd1e4_1b2d_9aa2_1d29_fd0b4bfb61c3["lucide-react"]
  ad895872_0b65_ec90_967d_07da41fe7e95 --> d39cd1e4_1b2d_9aa2_1d29_fd0b4bfb61c3
  6d65354d_8f59_2cfc_4783_24b2eb870bc4["react-hook-form"]
  ad895872_0b65_ec90_967d_07da41fe7e95 --> 6d65354d_8f59_2cfc_4783_24b2eb870bc4
  e750d152_1191_1793_7244_99c7f9c595f4["sonner"]
  ad895872_0b65_ec90_967d_07da41fe7e95 --> e750d152_1191_1793_7244_99c7f9c595f4
  6802ce19_522d_e5fb_e458_8826d9f6952e["zod"]
  ad895872_0b65_ec90_967d_07da41fe7e95 --> 6802ce19_522d_e5fb_e458_8826d9f6952e
  79081a1f_55a3_945a_fb8c_d53d6d3eab81["utils"]
  ad895872_0b65_ec90_967d_07da41fe7e95 --> 79081a1f_55a3_945a_fb8c_d53d6d3eab81
  57e86e45_ac6e_7278_be08_9092724e8401["button"]
  ad895872_0b65_ec90_967d_07da41fe7e95 --> 57e86e45_ac6e_7278_be08_9092724e8401
  7bfe56e6_25f1_1b2f_588d_f14238c3c071["calendar"]
  ad895872_0b65_ec90_967d_07da41fe7e95 --> 7bfe56e6_25f1_1b2f_588d_f14238c3c071
  4f6bcac7_12b3_b724_9762_64ace071aa20["checkbox"]
  ad895872_0b65_ec90_967d_07da41fe7e95 --> 4f6bcac7_12b3_b724_9762_64ace071aa20
  e3fe9d39_bcc8_355e_9949_4cddf3407017["form"]
  ad895872_0b65_ec90_967d_07da41fe7e95 --> e3fe9d39_bcc8_355e_9949_4cddf3407017
  80cf663d_a411_487c_d69e_ac9d405cd2ec["input"]
  ad895872_0b65_ec90_967d_07da41fe7e95 --> 80cf663d_a411_487c_d69e_ac9d405cd2ec
  64a3481c_a85b_fe79_409a_cb7f3f4bb871["popover"]
  ad895872_0b65_ec90_967d_07da41fe7e95 --> 64a3481c_a85b_fe79_409a_cb7f3f4bb871
  a3246e53_c55c_1cf0_424d_b2142e1739ab["radio-group"]
  ad895872_0b65_ec90_967d_07da41fe7e95 --> a3246e53_c55c_1cf0_424d_b2142e1739ab
  style ad895872_0b65_ec90_967d_07da41fe7e95 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

"use client"

import { zodResolver } from "@hookform/resolvers/zod"
import { format } from "date-fns"
import { CalendarIcon } from "lucide-react"
import { useForm } from "react-hook-form"
import { toast } from "sonner"
import { z } from "zod"

import { cn } from "@/lib/utils"
import { Button } from "@/registry/new-york-v4/ui/button"
import { Calendar } from "@/registry/new-york-v4/ui/calendar"
import { Checkbox } from "@/registry/new-york-v4/ui/checkbox"
import {
  Form,
  FormControl,
  FormDescription,
  FormField,
  FormItem,
  FormLabel,
  FormMessage,
} from "@/registry/new-york-v4/ui/form"
import { Input } from "@/registry/new-york-v4/ui/input"
import {
  Popover,
  PopoverContent,
  PopoverTrigger,
} from "@/registry/new-york-v4/ui/popover"
import {
  RadioGroup,
  RadioGroupItem,
} from "@/registry/new-york-v4/ui/radio-group"
import {
  Select,
  SelectContent,
  SelectItem,
  SelectTrigger,
  SelectValue,
} from "@/registry/new-york-v4/ui/select"
import { Switch } from "@/registry/new-york-v4/ui/switch"
import { Textarea } from "@/registry/new-york-v4/ui/textarea"

const items = [
  {
    id: "recents",
    label: "Recents",
  },
  {
    id: "home",
    label: "Home",
  },
  {
    id: "applications",
    label: "Applications",
  },
  {
    id: "desktop",
    label: "Desktop",
  },
  {
// ... (340 more lines)

Domain

Subdomains

Functions

Dependencies

  • button
  • calendar
  • checkbox
  • date-fns
  • form
  • input
  • lucide-react
  • popover
  • radio-group
  • react-hook-form
  • select
  • sonner
  • switch
  • textarea
  • utils
  • zod
  • zod

Imported By

Source

Frequently Asked Questions

What does form-demo.tsx do?
form-demo.tsx is a source file in the ui codebase, written in tsx. It belongs to the DocumentationAtlas domain, SearchAPI subdomain.
What functions are defined in form-demo.tsx?
form-demo.tsx defines 1 function(s): FormDemo.
What does form-demo.tsx depend on?
form-demo.tsx imports 17 module(s): button, calendar, checkbox, date-fns, form, input, lucide-react, popover, and 9 more.
What files import form-demo.tsx?
form-demo.tsx is imported by 1 file(s): component-registry.ts.
Where is form-demo.tsx in the architecture?
form-demo.tsx is located at apps/v4/app/(internal)/sink/components/form-demo.tsx (domain: DocumentationAtlas, subdomain: SearchAPI, directory: apps/v4/app/(internal)/sink/components).

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free