# Label Documentation Identifies or describes associated UI elements. This is a documentation section that potentially contains examples, demos, and other useful information related to a specific part of Bits UI. When helping users with this documentation, you can ignore the classnames applied to the demos unless they are relevant to the user's issue. Copy Page ```svelte

{#snippet children({ checked, indeterminate })}

{#if indeterminate} {:else if checked} {/if}

{/snippet} Accept terms and conditions

``` ## Structure ```svelte ``` ## API Reference ### Label.Root An enhanced label component that can be used with any input. | Property | Type | Description | Details | | --------------- | --------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------- | ------- | | `ref` $bindable | `HTMLLabelElement` | The underlying DOM element being rendered. You can bind to this to get a reference to the element.`Default: null` | | | `children` | `Snippet` | The children content to render.`Default: —— undefined` | | | `child` | `Snippet` - type SnippetProps = { props: Record\; }; | Use render delegation to render your own element. See [Child Snippet](/docs/child-snippet) docs for more information.`Default: —— undefined` | | | Data Attribute | Value | Description | Details | | ----------------- | ----- | ---------------------------- | ------- | | `data-label-root` | `''` | Present on the root element. | | [Previous Dropdown Menu](/docs/components/dropdown-menu) [Next Link Preview](/docs/components/link-preview)