Components

Toast 吐司提示

全局操作反馈队列：四类语义样式、自动堆叠与滑出动画。

触发反馈

toast(options) 由 useToast 提供，需在应用根部挂载 ToastProvider。

<div class="demo-grid">
  <Button variant="soft" color="neutral" @click="fire('信息提示', 'info')">Info</Button>
  <Button variant="soft" color="success" @click="fire('操作已成功执行', 'success')">Success</Button>
  <Button variant="soft" color="warning" @click="fire('检测到配置预警', 'warning')">Warning</Button>
  <Button variant="soft" color="error" @click="fire('实例终止失败', 'destructive')">Destructive</Button>
</div>

API 参考

属性	类型	默认值	说明
ToastProvider	component	—	队列容器（挂一次即可）。
useToast()	composable	—	返回 { toast, dismiss }。
options.title / description	string	—	标题与说明。
options.variant	'info' \| 'success' \| 'warning' \| 'destructive'	info	语义样式。
options.duration	number	4500	自动关闭毫秒数。