Toast

Transient notifications. Wrap a subtree in ToastProvider and call useToast().toast({...}) to push one. Toasts render in a portal viewport with two stacked live regions — polite for info/success/warning and assertive (role="alert") for danger — so urgent messages interrupt while the rest queue. Each toast auto-dismisses after its duration (default 5s), pauses on hover or focus, and has a close button. Set duration: 0 to pin it open. Variants map to OCSS conformance: success = MUST/pass, warning = SHOULD, danger = MUST-NEVER. Honors prefers-reduced-motion.

Variants

Behavior — duration, pause-on-hover, dismiss-all