Component primitive

Brand Checkbox

<brand-checkbox> wraps Web Awesome's <wa-checkbox>. Label is default slot content.

<brand-checkbox>Framework-agnostic custom element

Light themeSemantic surface

Dark themeSame component API

Basic

Accept terms

Send updates

Partial selection

Small

Medium

Large

Required

Disabled

Disabled + checked

Invalid

import { BrandCheckbox } from '@brandos/ui';

<brand-checkbox>Accept terms</brand-checkbox>
<brand-checkbox checked>Send updates</brand-checkbox>