Label
A plain styled label for when you are not using Field. Point it at the control with htmlFor, or wrap the control.
bunx --bun shadcn@4.17.0 add @waimakers/label- npm dependencies
- None
From the registry
A plain styled <label> — no @radix-ui/react-label dependency, matching the kit's pinned set.
Examples
With an input
htmlFor matches the input's id. Clicking the label focuses the input.
Wrapping a control
Wrap a checkbox or switch in the label and the whole row becomes the hit target.
Disabled
A plain Label does not see a disabled Checkbox or Switch. When the control can be disabled, use Field, which dims the label with it.