反馈/弹窗

Toast 弹窗

Toast 用于承载短流程弹窗内容,支持关闭按钮、内容 Slot 和可配置 Footer 操作区。

默认样式

默认宽度 400px,包含标题、内容 Slot、关闭按钮和底部主按钮。

单纵向按钮

Footer 展示 checkbox 和单个纵向主按钮。

双纵向按钮

Footer 展示 checkbox 和上下排列的两个按钮。

双横向按钮

Footer 展示 checkbox 和左右排列的两个按钮。

API 参考

参数 说明 类型 可选值 默认值
title弹窗标题string-Toast-title
subtitle标题下方辅助文本string-''
content内容 Slot,可传 DOM 节点、节点数组、函数或文本Node | array | function | string-null
scrollableContent内容区为长内容并需要内部滚动时启用独立框架;普通内容保持整体 24px 间距框架booleantrue | falsefalse
showClose是否展示关闭按钮booleantrue | falsetrue
showFooter是否展示底部操作区booleantrue | falsetrue
footer.layout底部按钮排列方式stringsingle-vertical | double-vertical | double-horizontalsingle-vertical
footer.showCheckbox是否展示 checkboxbooleantrue | falsefalse
footer.buttons按钮配置,默认调用 Button 组件array-null
footer.slotFooter 按钮区 Slot,可嵌入组件或自定义内容Node | array | function | string-null
onClose关闭按钮点击回调function-null