Skip to content

Toast 轻提示 ​

VToast 是受控的单条状态反馈,VToastRegion 负责多条提示的固定或行内布局。业务队列、自动关闭计时和请求集成仍由调用方持有。

演示 ​

正在发布正在发布最新组件构建。

VToast Props ​

Prop类型默认值描述
visiblebooleanfalse是否显示
messagestring''提示说明
titlestring—可选标题
type'text' | 'success' | 'warning' | 'danger' | 'loading''text'状态类型
position'top' | 'middle' | 'bottom''middle'独立使用时的位置
actionTextstring—可选操作文案
actionLabelstring操作文案操作按钮无障碍名称
closeablebooleanfalse是否显示关闭按钮
closeLabelstring'关闭通知'关闭按钮无障碍名称

VToastRegion Props ​

Prop类型默认值描述
position'top' | 'middle' | 'bottom''top'固定区域的位置
inlinebooleanfalse作为普通文档流区域展示

动效与无障碍

Toast 使用主题 motion token:220ms 进入、160ms 退出、180ms 状态变化。更新同一实例的 type、title 和 message 会在原位置改变状态,不依赖动画结束更新业务状态。prefers-reduced-motion: reduce 下移除空间位移。成功和普通反馈使用 status,警告和错误使用 alert。

Events ​

EventPayload描述
update:visibleboolean显示状态更新
closevoid关闭
actionvoid触发可选操作