LabelDemo() — ui Function Reference

Architecture documentation for the LabelDemo() function in label-demo.tsx from the ui codebase.

Function tsx DocumentationAtlas SearchAPI

Entity Profile

DocumentationAtlas→ SearchAPI→ LabelDemo() — ui Function Reference

Dependency Diagram

graph TD
  a9bb6f6d_a0f0_5cda_1d7d_b9fffa2d6fb1["LabelDemo()"]
  4a56274f_f2d0_b281_01df_2d1c04524800["label-demo.tsx"]
  a9bb6f6d_a0f0_5cda_1d7d_b9fffa2d6fb1 -->|defined in| 4a56274f_f2d0_b281_01df_2d1c04524800
  style a9bb6f6d_a0f0_5cda_1d7d_b9fffa2d6fb1 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/app/(internal)/sink/components/label-demo.tsx lines 6–27

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>
  )
}