Spinner

Rotating circular loader. Five sizes (xs, sm, md, lg, xl), colour follows currentColor by default so you can drop it into Button or Badge without wiring a prop.

Usage

import { Spinner } from '@bwo-ui/react';

<Button disabled>
  <Spinner size="sm" /> Saving…
</Button>

<Spinner color="#ff481f" size="lg" strokeWidth={3} />

Props

PropTypeDefaultDescription
size'xs' | 'sm' | 'md' | 'lg' | 'xl''md'Width + height preset.
colorstring'currentColor'CSS colour for the stroke.
strokeWidthnumber2Stroke thickness in px.
labelstring'Loading'Accessible label (aria-label).