Label

Labels provide accessible text descriptions for form inputs. They improve accessibility and user experience.

Usage

1
2
3
4
import { Label } from '@e-infra/design-system'

<Label htmlFor="email">Email address</Label>
<Input id="email" type="email" />

Props

Accessibility

When paired with the htmlFor prop, labels automatically associate with their inputs and announce the label text when the input receives focus.