Components
Label
Renders an accessible label associated with form controls.
Preview
Usage
Import
import { NbCheckbox, NbLabel } from '@ng-brutalism/ui';Template
<div class="flex items-center gap-2">
<input type="checkbox" nbCheckbox id="accept-terms" />
<label nbLabel for="accept-terms">Accept terms and conditions</label>
</div>With Input
Disabled Control
Customization
Override these CSS variables on :root, a wrapper, or the component element. More local values win, so per-instance styling can sit directly on the element.
| Token | Default | Used for |
|---|---|---|
| --nb-border | #000000 | Border color and focus ring color |
| --nb-shadow | #000000 | Offset shadow color |
| --nb-radius | 0rem | Corner radius through the rounded-nb utility |
| --nb-shadow-offset-x | 4px | Horizontal shadow and press offset |
| --nb-shadow-offset-y | 4px | Vertical shadow and press offset |
| --nb-foreground | #000000 | Default foreground text color |
| --nb-background | #ffffff | Default surface background color |
API
| Selector | Description |
|---|---|
| label[nbLabel] | Applies label typography and disabled peer styling to a native label element. |