Label

Identifies or describes associated UI elements.

Structure

	<script lang="ts">
	import { Label } from "bits-ui";
</script>
 
<Label.Root />
	

API Reference

Label.Root

An enhanced label component that can be used with any input.

Property Type Description
asChild
boolean

Whether to use render delegation with this component or not.

Default: false
el
HTMLLabelElement

The underlying DOM element being rendered. You can bind to this to programatically interact with the element.

Default: undefined
Slot Property Type Description
builder
object

The builder attributes and actions to apply to the element if using the asChild prop with delegation.

Data Attribute Value Description
data-label-root
——

Present on the root element.