Skip to main content
Brand
Changelogv0.44

Component primitive

Brand Switch

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

<brand-switch>Framework-agnostic custom element
Light themeSemantic surface
Dark themeSame component API
Element
<brand-switch>
Library
Brand
Runtime
Web Component
Theming
Semantic tokens

Basic

Enable notificationsAuto-saveDaily digest

Sizes

SmallMediumLarge

States

RequiredDisabledDisabled + on

Usage

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

<brand-switch>Enable notifications</brand-switch>
<brand-switch checked>Auto-save</brand-switch>