Back to Components

Foundation

Label

Caption / eyebrow for form fields. Pair with Input, Textarea, Select, or any input-like primitive.

Examples

Tones

<Label tone="eyebrow">Eyebrow</Label>
<Label tone="strong">Strong</Label>

Required

<Label tone="strong" required>Required</Label>

Props

PropTypeDefaultDescription
tone'eyebrow' | 'strong''eyebrow'Eyebrow is uppercase tracked; strong is regular case.
requiredbooleanfalseAdds a small accent dot indicating required state.
forstringStandard <label for> linkage to a form control id.
...restHTMLLabelAttributesSpread onto the underlying <label>.

Install

CLI

npx @a3tai/mittsu add label