Snackbar 消息条

底部（或顶部）弹出的轻量反馈条，open 属性受控，可带操作按钮，默认 4 秒后派发 oas-close 由外部负责关闭。

基础用法

受控打开

打开

示例代码

操作按钮

操作按钮

打开（带撤销）

示例代码

方向与偏移

方向与偏移

底部（默认）顶部底部 + 偏移 80

示例代码

堆叠上限

堆叠上限 3

连发四条

同时最多展示 3 条，第 4 条出现时最老的一条会收到 oas-close。

示例代码

API

属性

属性	说明	类型	默认值
action-text	操作按钮文案	string	—
direction	位置方向	—	—
duration	自动关闭时长（ms）	string	4000
message	文案	string	—
offset	距屏幕边缘偏移（px）	string	24
open	是否显示（受控）	boolean	—

事件

事件	说明
oas-action	点击操作按钮时派发
oas-close	到期自动关闭时派发（受控模式不自改 open）
oas-open	打开时派发

• 无 action-text 时 role="status"；有操作按钮时 role="alertdialog" + aria-live="assertive"。
• open 受控：到期只派发 oas-close，由外部负责移除 open；同时最多堆叠 3 条，超出时最老的一条收到 oas-close。