mirror of
https://github.com/hanzoai/shadcn.git
synced 2026-11-03 03:18:52 +00:00
zeekay
16c4453cc1
Squash merge of shadcn-ui/ui main branch into hanzo/ui, bringing in: - [email protected] through [email protected] releases - New apps/v4 directory structure - Registry system improvements and MCP server - Framework support (Vue, Svelte, React Native) - New templates (vite-app, monorepo-next, laravel) - Zod 4 compatibility (scoped override for zod@>4) - Test fixture corrections for alias resolution All 867 merge conflicts resolved preserving Hanzo customizations. 1020/1020 shadcn tests pass.
28 lines
1.1 KiB
TypeScript
28 lines
1.1 KiB
TypeScript
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>
|
|
)
|
|
}
|