Components
Label
Form label in the Barlow 600 kicker style.
Preview
Install
bash
npx shadcn add @eloquent/labelUsage
tsx
import { Label } from "@/components/ui/label";
<Label htmlFor="headline">Headline</Label>Inside a form field, use FieldLabel from @eloquent/field, which renders this label through Base UI Field.Label.
States
| State | Treatment |
|---|---|
| Default | Barlow 600, 11px, tracked capitals, ink |
| Disabled control | Halftone text, cursor-not-allowed |
Keyboard
| Key | Action |
|---|---|
| Tab | Focus moves to the labelled control (the label itself is not a stop) |
| Click on label | Focuses or toggles the labelled control |
Vietnamese
Ink adaptation
Upstream's text-sm font-medium becomes the kicker style; the opacity-50 disabled treatment becomes halftone text.