About
Upgaraded shadcn/ui label
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Label to your project and fits it to your theme.
Code
How Label is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import { Checkbox } from "@/components/ui/checkbox"
import { Label } from "@/components/ui/label"
export function LabelDemo() {
return (
<div>
<div className="flex items-center space-x-2">
<Checkbox id="terms" />
<Label htmlFor="terms">Accept terms and conditions</Label>
</div>
</div>
)
}
More by Origin UI
View all
Dialog
1.2K
Avatar
951
useImageUpload
926
usePagination
622
Popover
384
Button
364
Command
321
Accordion
258
More in Forms
View all
Premium Auth
500
Login 2
7
Authentication Card
47
Login 1
52
Contact Card
1K
Login Form
6
Form
16
Book A Demo 3
83
