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

example-form.tsx — ui Source File

Architecture documentation for example-form.tsx, a tsx file in the ui codebase. 20 imports, 0 dependents.

File tsx DocumentationAtlas SearchAPI 20 imports 1 functions

Entity Profile

Dependency Diagram

graph LR
  d208061b_e1b1_f242_6779_9bd0be29baaa["example-form.tsx"]
  1d141819_425e_b5fd_4c8e_32f7c6a42cf2["react"]
  d208061b_e1b1_f242_6779_9bd0be29baaa --> 1d141819_425e_b5fd_4c8e_32f7c6a42cf2
  3d40a3bf_c062_4304_329a_00b1b72e8523["zod"]
  d208061b_e1b1_f242_6779_9bd0be29baaa --> 3d40a3bf_c062_4304_329a_00b1b72e8523
  f9e8c1ea_9de4_3e04_ca27_b15cada2e81e["date-fns"]
  d208061b_e1b1_f242_6779_9bd0be29baaa --> f9e8c1ea_9de4_3e04_ca27_b15cada2e81e
  6d65354d_8f59_2cfc_4783_24b2eb870bc4["react-hook-form"]
  d208061b_e1b1_f242_6779_9bd0be29baaa --> 6d65354d_8f59_2cfc_4783_24b2eb870bc4
  6802ce19_522d_e5fb_e458_8826d9f6952e["zod"]
  d208061b_e1b1_f242_6779_9bd0be29baaa --> 6802ce19_522d_e5fb_e458_8826d9f6952e
  57e86e45_ac6e_7278_be08_9092724e8401["button"]
  d208061b_e1b1_f242_6779_9bd0be29baaa --> 57e86e45_ac6e_7278_be08_9092724e8401
  7bfe56e6_25f1_1b2f_588d_f14238c3c071["calendar"]
  d208061b_e1b1_f242_6779_9bd0be29baaa --> 7bfe56e6_25f1_1b2f_588d_f14238c3c071
  c6d6139d_ea69_3d79_5004_68419bae2ac0["card"]
  d208061b_e1b1_f242_6779_9bd0be29baaa --> c6d6139d_ea69_3d79_5004_68419bae2ac0
  4f6bcac7_12b3_b724_9762_64ace071aa20["checkbox"]
  d208061b_e1b1_f242_6779_9bd0be29baaa --> 4f6bcac7_12b3_b724_9762_64ace071aa20
  0896a8fa_5462_a73a_5add_fb8176921778["dialog"]
  d208061b_e1b1_f242_6779_9bd0be29baaa --> 0896a8fa_5462_a73a_5add_fb8176921778
  169af77a_46c3_8fec_4801_f34a0f1a3471["field"]
  d208061b_e1b1_f242_6779_9bd0be29baaa --> 169af77a_46c3_8fec_4801_f34a0f1a3471
  80cf663d_a411_487c_d69e_ac9d405cd2ec["input"]
  d208061b_e1b1_f242_6779_9bd0be29baaa --> 80cf663d_a411_487c_d69e_ac9d405cd2ec
  64a3481c_a85b_fe79_409a_cb7f3f4bb871["popover"]
  d208061b_e1b1_f242_6779_9bd0be29baaa --> 64a3481c_a85b_fe79_409a_cb7f3f4bb871
  a3246e53_c55c_1cf0_424d_b2142e1739ab["radio-group"]
  d208061b_e1b1_f242_6779_9bd0be29baaa --> a3246e53_c55c_1cf0_424d_b2142e1739ab
  style d208061b_e1b1_f242_6779_9bd0be29baaa fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

"use client"

import { useState } from "react"
import { zodResolver } from "@hookform/resolvers/zod"
import { format } from "date-fns"
import { Controller, useForm } from "react-hook-form"
import type z from "zod"

import { Button } from "@/registry/new-york-v4/ui/button"
import { Calendar } from "@/registry/new-york-v4/ui/calendar"
import {
  Card,
  CardContent,
  CardDescription,
  CardFooter,
  CardHeader,
  CardTitle,
} from "@/registry/new-york-v4/ui/card"
import { Checkbox } from "@/registry/new-york-v4/ui/checkbox"
import {
  Dialog,
  DialogContent,
  DialogDescription,
  DialogHeader,
  DialogTitle,
} from "@/registry/new-york-v4/ui/dialog"
import {
  Field,
  FieldContent,
  FieldDescription,
  FieldError,
  FieldGroup,
  FieldLabel,
  FieldLegend,
  FieldSeparator,
  FieldSet,
  FieldTitle,
} from "@/registry/new-york-v4/ui/field"
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 { Slider } from "@/registry/new-york-v4/ui/slider"
import { Switch } from "@/registry/new-york-v4/ui/switch"
import { Textarea } from "@/registry/new-york-v4/ui/textarea"
import {
  ToggleGroup,
// ... (431 more lines)

Domain

Subdomains

Functions

Dependencies

  • button
  • calendar
  • card
  • checkbox
  • date-fns
  • dialog
  • field
  • input
  • popover
  • radio-group
  • react
  • react-hook-form
  • schema
  • select
  • slider
  • switch
  • textarea
  • toggle-group
  • zod
  • zod

Source

Frequently Asked Questions

What does example-form.tsx do?
example-form.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 example-form.tsx?
example-form.tsx defines 1 function(s): ExampleForm.
What does example-form.tsx depend on?
example-form.tsx imports 20 module(s): button, calendar, card, checkbox, date-fns, dialog, field, input, and 12 more.
Where is example-form.tsx in the architecture?
example-form.tsx is located at apps/v4/app/(internal)/sink/(pages)/react-hook-form/example-form.tsx (domain: DocumentationAtlas, subdomain: SearchAPI, directory: apps/v4/app/(internal)/sink/(pages)/react-hook-form).

Analyze Your Own Codebase

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

Try Supermodel Free