Atelier UI

搜索组件…

搜索组件…

Toast Stack

堆叠式通知,悬停时展开,带自动消失计时。

在沙盒中编辑

复制一段给 AI 编程工具的提示词,包含源码、依赖和用法

属性

ToastStackProps

同时支持以下类型的全部属性: React.ComponentProps<"ol">

属性类型默认值说明
toasts* 必填Toast[]——
onDismiss* 必填(id: number) => void——
visiblenumber3How many toasts stay visible in the collapsed stack

安装

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

命令行安装的是基础组件,定制的参数写在「定制」标签页生成的代码里。

同类组件