LabelAn accessible label for a form control. Preview Code ⧉ CopyUsernameimport { BuiLabel } from 'ng-blatui'; <label buiLabel for="username">Username</label> <input id="username" buiInput placeholder="shadcn" />Required Preview Code ⧉ CopyEmail *<label buiLabel for="email">Email <span class="text-destructive">*</span></label> <input id="email" buiInput required />With checkbox Preview Code ⧉ CopyAccept terms and conditions<button id="terms" buiCheckbox aria-label="Accept terms"></button> <label buiLabel for="terms">Accept terms and conditions</label>Disabled Preview Code ⧉ CopyAccept terms and conditions<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 Preview Code ⧉ Copy Recovery email Optional<label buiLabel for="f" class="justify-between"> Recovery email <span buiBadge variant="secondary">Optional</span> </label>API reference Every ng-blatui component also accepts a class input to merge extra Tailwind classes onto the host.