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`	自动关闭毫秒数。