DotLoader

Three (or N) bouncing dots — the classic "typing…" loader. Pair with chat threads, long-running buttons, optimistic-update feedback.

Usage

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

<DotLoader size="md" />
<DotLoader color="#ff481f" dots={4} duration={1.6} />

Props

PropTypeDefaultDescription
size'sm' | 'md' | 'lg''md'Dot diameter and gap.
colorstring'currentColor'Dot fill.
dotsnumber3How many dots to render.
durationnumber1.2Total cycle length in seconds.
labelstring'Loading'Accessible label.