LABEL
Accessible form label using Radix UI Label primitive.
DEPS:@radix-ui/react-label
PREVIEW
INSTALLATION
USAGE
PROPS
| PROP | TYPE | DEFAULT | DESCRIPTION |
|---|---|---|---|
| htmlFor | string | — | ID of the associated form control. |
| className | string | — | Additional CSS classes. |
Accessible form label using Radix UI Label primitive.
npx shadcn@latest add @scificn/labelimport { Label } from '@scificn/ui'
export function Example() {
return (
<div className="flex flex-col gap-1.5">
<Label htmlFor="email">EMAIL</Label>
<input id="email" type="email" />
</div>
)
}| PROP | TYPE | DEFAULT | DESCRIPTION |
|---|---|---|---|
| htmlFor | string | — | ID of the associated form control. |
| className | string | — | Additional CSS classes. |