12Shipped
Label
Accessible form field label. Radix Label, always paired with a control.
Import
import { Label } from "@charply/design"Variants
Paired with Input
Guidelines
docs/design/components/label.mdDo
- ✓Use `htmlFor` to associate the label with its control.
Don't
- ✗Use `Label` as a general-purpose text element — it has cursor and association semantics.
- ✗Use `placeholder` as a substitute for a visible label.
See all variants and interactive states in Storybook. Run npm run storybook to open the workbench.