Core / Typography

Label

An accessible label for a form control.

Preview

Email address

Usage

<Label htmlFor="email" required>Email</Label>

Adopt to your project

Typography inherits your application’s font choices. Use semantic props for hierarchy, then use className for local spacing and visual adaptation without changing the component’s meaning.

Accessibility

Use Heading levels in document order. Use Label with htmlFor for form controls, and keep captions and quotes as supporting—not primary—content.

API reference

Attribute	Details
`htmlFor`	string
`required`	boolean — default: false
`disabled`	boolean — default: false
`tone`	default \| muted \| error — default: default
`className`	string
`...native label attributes`