# Motion Toast Stack

Global notifications in a SaaS workspace after inviting a teammate, saving settings or exporting data.

- id: `motion-toast-stack`
- Page: https://agentic-ui-kit.com/components/motion-toast-stack
- Live preview: https://agentic-ui-kit.com/live/component/motion-toast-stack

## Install

```bash
agentic-ui add motion-toast-stack
npx shadcn@4.17.0 add @agentic-ui/motion-toast-stack
```

## Metadata

- **Level:** block
- **Category:** motion
- **Installable in:** Radix UI (registry variant new-york), Base UI (registry variant base-vega)
- **Capabilities:** stacked-toasts, fan-out-on-hover-and-focus, swipe-to-dismiss, pause-on-hover-timers, list-variant, severity-roles, landmark-hotkey, queue-overflow-count, reduced-motion-fallback, informative-state-preservation
- **Intents:** communicate, track-status
- **Suits domains:** saas, settings, ai-workspace, devtools, ecommerce
- **Interaction:** click, hover, drag, keyboard-navigation
- **Screen role:** overview
- **Density:** compact
- **Dark mode:** yes
- **Use it for:** Global notifications in a SaaS workspace after inviting a teammate, saving settings or exporting data, Deploy failure toast with a Retry action in a developer console, Quota warning that stays readable while the user hovers or focuses the stack
- **Avoid when:** The user needs a persistent history of notifications to search, pin or archive (use a notification center), Critical errors that block the task (use an inline alert or a dialog), Messages that must stay until acted upon in regulated flows (use a banner)
- **Preserve when adapting:** role-by-severity, timers-pause-on-hover-and-focus, close-button-for-every-card, static-stack-when-motion-is-off
- **Replace when adapting:** strings, position, duration, variant
- **Adaptation effort:** low
- **Coupling:** low
- **Quality breakdown:** visual 9/10, responsive 9/10, accessibility 9/10, code 9/10
- **Uses primitives:** button
- **npm dependencies:** @agentic-ui/motion, @agentic-ui/tokens, react, react-dom
- **Motion:** profile subtle, library css, reduced-motion fallback yes, target 60 fps
- **Registry dependencies:** lib-motion