Label

Label provides accessible text for form controls. Prefer FieldLabel inside Field when the control also needs help text, errors, or grouped layout.

Code

<div className="tw:flex tw:flex-col tw:gap-4">
  <div className="tw:flex tw:flex-col tw:gap-1.5">
    <Label htmlFor="email">Email address</Label>

    <Input type="email" id="email" placeholder="you@example.com" />
  </div>

  <div className="tw:flex tw:items-center tw:gap-2">
    <Checkbox id="accept" />

    <Label htmlFor="accept">Accept terms and conditions</Label>
  </div>
</div>

API

Label

No documented props