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

label-demo.tsx — ui Source File

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

File tsx DocumentationAtlas SearchAPI 4 imports 1 dependents 1 functions

Entity Profile

Dependency Diagram

graph LR
  4a56274f_f2d0_b281_01df_2d1c04524800["label-demo.tsx"]
  4f6bcac7_12b3_b724_9762_64ace071aa20["checkbox"]
  4a56274f_f2d0_b281_01df_2d1c04524800 --> 4f6bcac7_12b3_b724_9762_64ace071aa20
  80cf663d_a411_487c_d69e_ac9d405cd2ec["input"]
  4a56274f_f2d0_b281_01df_2d1c04524800 --> 80cf663d_a411_487c_d69e_ac9d405cd2ec
  d752035b_6ed3_c6ef_e27c_eef51af9ec8d["label"]
  4a56274f_f2d0_b281_01df_2d1c04524800 --> d752035b_6ed3_c6ef_e27c_eef51af9ec8d
  a1802a9d_1c52_7ef5_709a_134c4400c1c3["textarea"]
  4a56274f_f2d0_b281_01df_2d1c04524800 --> a1802a9d_1c52_7ef5_709a_134c4400c1c3
  1c2403dc_4584_9f39_4e98_855a7de18bd1["component-registry.ts"]
  1c2403dc_4584_9f39_4e98_855a7de18bd1 --> 4a56274f_f2d0_b281_01df_2d1c04524800
  style 4a56274f_f2d0_b281_01df_2d1c04524800 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import { Checkbox } from "@/registry/new-york-v4/ui/checkbox"
import { Input } from "@/registry/new-york-v4/ui/input"
import { Label } from "@/registry/new-york-v4/ui/label"
import { Textarea } from "@/registry/new-york-v4/ui/textarea"

export function LabelDemo() {
  return (
    <div className="grid w-full max-w-sm gap-6">
      <div className="flex items-center gap-3">
        <Checkbox id="label-demo-terms" />
        <Label htmlFor="label-demo-terms">Accept terms and conditions</Label>
      </div>
      <div className="grid gap-3">
        <Label htmlFor="label-demo-username">Username</Label>
        <Input id="label-demo-username" placeholder="Username" />
      </div>
      <div className="group grid gap-3" data-disabled={true}>
        <Label htmlFor="label-demo-disabled">Disabled</Label>
        <Input id="label-demo-disabled" placeholder="Disabled" disabled />
      </div>
      <div className="grid gap-3">
        <Label htmlFor="label-demo-message">Message</Label>
        <Textarea id="label-demo-message" placeholder="Message" />
      </div>
    </div>
  )
}

Domain

Subdomains

Functions

Dependencies

  • checkbox
  • input
  • label
  • textarea

Imported By

Source

Frequently Asked Questions

What does label-demo.tsx do?
label-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 label-demo.tsx?
label-demo.tsx defines 1 function(s): LabelDemo.
What does label-demo.tsx depend on?
label-demo.tsx imports 4 module(s): checkbox, input, label, textarea.
What files import label-demo.tsx?
label-demo.tsx is imported by 1 file(s): component-registry.ts.
Where is label-demo.tsx in the architecture?
label-demo.tsx is located at apps/v4/app/(internal)/sink/components/label-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