Label

Renders an accessible label associated with controls.

Examples

Default

Accept terms and conditions

<script setup>
import { Label, Checkbox } from '@empathyds/vue'
</script>

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

Props

Label

Prop	Type	Default	Description
for	string	-	The id of the element the label is associated with.
as	string	-	The element or component to render as.

Slots

Label

Slot	Description
default	The content of the label.