Reasoning
The moment between a request and the first token. A role="status"
region announces the label once; the spark pulses (--animate-pulse) and
the dots bounce in turn (--animate-bounce, offset by animation-delay).
Under prefers-reduced-motion everything holds still and the text alone
says "working".
import Reasoning from '@zuilib/ai/reasoning'
Basic
Loading example
Change detail as the work progresses ("Reading 4 files", then "Comparing
against last quarter"); the live region announces each change.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
label | ReactNode | 'Working on it' | |
detail | ReactNode | — | What is happening right now |
size | 'sm' | 'md' | 'md' | |
icon | ReactNode | — | Replaces the spark |
className | string | — |