THEME
MOTION
HAPTIC
SOUND
LOADER
Indeterminate loading indicator — four pixel-square cells that rise + brighten on a staggered 1s cycle. (Formerly named Spinner.)
Live demo
Import
import { Loader } from '@cathode-ui/react';Props
| Name | Type | Default | Required | Description |
|---|---|---|---|---|
size | 'sm'|'md'|'lg' | md | — | |
accent | 'info'|'success'|'warning'|'danger'|'accent' | info | — |
Examples
loading
<Loader /> <span>CONNECTING…</span>Accessibility
Role: status
- aria-label (default "Loading")
Feedback
| Haptic | none |
| Sound | none |
Motion states
pulse