status · @awesome-ds/react
Toast
Transient status message.
State matrix
visible
Anatomy
- live status region
- message
- optional action
Keyboard contract
Must not steal focus; any action is reachable in normal order while the toast remains available.
Screen-reader contract
Polite status announcements avoid interrupting active input.
Content rules
- State the completed result.
- Include recovery only when it is immediately actionable.
Public API
| Prop | Type | required | Description |
|---|---|---|---|
children | ReactNode | required | Status message |
Adaptation contracts
- RTL
- Align status copy to inline-start and keep number/value semantics locale aware.
- High contrast
- Expose status with text, shape, or system color rather than authored color alone.
- Reduced motion
- Stop looping indicators where possible and retain a textual status.
Verification IDs
Live
Live
Changes saved
Copyable example
import { Toast } from "@awesome-ds/react";
<Toast>Saved</Toast>