Label
An accessible label for a form control.
import { BuiLabel } from 'ng-blatui';
<label buiLabel for="username">Username</label>
<input id="username" buiInput placeholder="shadcn" />Required
<label buiLabel for="email">Email <span class="text-destructive">*</span></label>
<input id="email" buiInput required />With checkbox
<button id="terms" buiCheckbox aria-label="Accept terms"></button>
<label buiLabel for="terms">Accept terms and conditions</label>Disabled
<div class="opacity-60">
<button id="t" buiCheckbox [disabled]="true" aria-label="Accept"></button>
<label buiLabel for="t">Accept terms and conditions</label>
</div>With badge
<label buiLabel for="f" class="justify-between">
Recovery email <span buiBadge variant="secondary">Optional</span>
</label>