Component primitive

Brand Spinner

<brand-spinner> wraps Web Awesome's <wa-spinner> and uses brand primary for the indicator track.

<brand-spinner>Framework-agnostic custom element

Light themeSemantic surface

Dark themeSame component API

Element: <brand-spinner>
Library: Brand
Runtime: Web Component
Theming: Semantic tokens

Sizes

Custom size via font-size

Inside a button

Saving…

Usage

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

<brand-spinner></brand-spinner>
<brand-spinner size="large"></brand-spinner>
<brand-spinner class="bos:text-5xl"></brand-spinner>