Label

A label for a form control.

Accept terms and conditions

<div class="flex gap-2">
    <twig:ui:Checkbox id="terms" />
    <twig:ui:Label for="terms">Accept terms and conditions</twig:ui:Label>
</div>

Usage

Your email address

<twig:ui:Label for="email">Your email address</twig:ui:Label>

Examples

With Field

<div class="w-full max-w-md">
    <twig:ui:Field>
        <twig:ui:Field:Label for="email-field">Your email address</twig:ui:Field:Label>
        <twig:ui:Input id="email-field" />
    </twig:ui:Field>
</div>

RTL

قبول الشروط والأحكام

קבל תנאים והגבלות

<div class="flex flex-col gap-4">
    <div class="flex gap-2" dir="rtl">
        <twig:ui:Checkbox id="terms-ar" />
        <twig:ui:Label for="terms-ar">قبول الشروط والأحكام</twig:ui:Label>
    </div>
    <div class="flex gap-2" dir="rtl">
        <twig:ui:Checkbox id="terms-he" />
        <twig:ui:Label for="terms-he">קבל תנאים והגבלות</twig:ui:Label>
    </div>
</div>

API Reference

`<twig:ui:Label>`

Prop	Type	Description
`for`	`string`	The `id` of the form control this label is associated with

Block	Description
`content`	The label text for a form control