Atelier UI

Search components…

Search components…

Toast Stack

Stacked toasts that fan out on hover, with auto-dismiss timers.

Edit in sandbox

Copy a prompt for your AI coding tool with the source, dependencies and usage

Props

ToastStackProps

Also accepts all props of React.ComponentProps<"ol">

PropTypeDefaultDescription
toasts* requiredToast[]——
onDismiss* required(id: number) => void——
visiblenumber3How many toasts stay visible in the collapsed stack

Install

$ npx shadcn@latest add https://chromotion.dev/r/toast-stack.json

The CLI installs the base component; your customizations live in the code generated on the Customize tab.

More like this