Label
avail-widgets/labelFreeComponent
UI primitive: Label
Install it
npx shadcn@latest add https://elements.nexus.availproject.org/r/label.jsonSource
1"use client"23import * as React from "react"4import * as LabelPrimitive from "@radix-ui/react-label"56import { cn } from "@/lib/utils"78function Label({9 className,10 ...props11}: React.ComponentProps<typeof LabelPrimitive.Root>) {12 return (13 <LabelPrimitive.Root14 data-slot="label"15 className={cn(16 "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",17 className18 )}19 {...props}20 />21 )22}2324export { Label }
What it pulls in
npm packages
Other registry items
Files it writes
More from avail-widgets
All 27 items| Component | Registry | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Accordionaccordion | avail-widgets | Components | Free | 2 deps | |
| All Elementsall | avail-widgets | Components | Free | no deps | |
| Animated Spinneranimated-spinner | avail-widgets | Components | Free | no deps | |
| Badgebadge | avail-widgets | Components | Free | 2 deps | |
| Bridge Depositbridge-deposit | avail-widgets | Components | Free | 3 deps · 32 files | |
| Buttonbutton | avail-widgets | Components | Free | 2 deps | |
| Cardcard | avail-widgets | Components | Free | no deps | |
| Checkboxcheckbox | avail-widgets | Components | Free | 2 deps |
