Skip to content

Label

Renders an accessible label associated with controls.

Examples

Default

vue
<div class="flex items-center space-x-2">
  <Checkbox id="terms" />
  <Label for="terms">Accept terms and conditions</Label>
</div>

Props

Label

PropTypeDefaultDescription
forstring-The id of the element the label is associated with.
asstring-The element or component to render as.

Slots

Label

SlotDescription
defaultThe content of the label.