Label

Usage

Point it at the field with htmlFor: clicking the caption focuses the field. Above an Input, a Select or a TextArea, add spaced to line it up with the text inside.

<Label spaced htmlFor="email">email</Label>
<Input>
  <Input.Text id="email" placeholder="you@domain.com" />
</Input>

Disabled

<Label spaced htmlFor="city" disabled>city</Label>
<Input>
  <Input.Text id="city" disabled />
</Input>

Next to a control

Beside a Checkbox or a Toggle, leave spaced out: without it the label has no indent and no margin.

<Checkbox id="terms" />
<Label htmlFor="terms">accept the terms</Label>

Without a field

For a caption that labels nothing, like a group title, render it as a span.

<Label as="span">components</Label>

Reference