THEME
MOTION
HAPTIC
SOUND
TOAST
Inline status notification. Controlled via `visible`; apps handle queuing/timing.
Live demo
Import
import { Toast } from '@cathode-ui/react';Props
| Name | Type | Default | Required | Description |
|---|---|---|---|---|
visible | boolean | — | yes | |
kind | 'info'|'success'|'warning'|'error' | info | — | |
children | ReactNode | — | yes |
Examples
error
<Toast visible={hasError} kind="error">CONNECTION LOST</Toast>Accessibility
Role: status
- aria-live=assertive for error kind
Feedback
| Haptic | none |
| Sound | none |
Motion states
enter · exit