Notification 通知

右上角通知卡片，支持标题、描述、时长与类型。

基础用法

四种类型

信息

成功

警告

错误

示例代码

自定义时长

自定义时长

8 秒

不自动关闭

示例代码

带进度条

带进度条

进度条（底部）

进度条（顶部）

示例代码

长内容可滚动

长内容可滚动

长内容

示例代码

清空全部

清空全部

连发三条

清空全部

示例代码

API

属性

属性	说明	类型	默认值
`description`	描述内容	`string`	—
`duration`	自动关闭时长（ms），`0` 表示不自动关闭	`string`	`4500`
`progress-position`	进度条位置：`bottom`（默认）/ `top`	`string`	`bottom`
`scrollable`	描述内容超长时卡片内滚动，默认开启；传 `false` 关闭	`string`	`true`
`show-progress`	显示自动关闭倒计时进度条（动画时长与 `duration` 同步）	`boolean`	—
`title`	标题文案	`string`	—
`type`	通知类型：`info`/`success`/`warning`/`error`	`string`	`info`

方法

方法	说明
`notification.info({ title, description?, duration?, showProgress?, progressPosition?, scrollable? })`	信息通知
`notification.success({ title, description?, duration?, showProgress?, progressPosition?, scrollable? })`	成功通知
`notification.warning({ title, description?, duration?, showProgress?, progressPosition?, scrollable? })`	警告通知
`notification.error({ title, description?, duration?, showProgress?, progressPosition?, scrollable? })`	错误通知
`destroyAllNotification()`	清空全部通知

duration 默认 4500ms，传 0 表示不自动关闭。
showProgress 开启自动关闭倒计时进度条，动画时长与 duration 同步；progressPosition 可选 bottom（默认）/ top。
scrollable 默认开启（内容超长时卡片内滚动），传 false 关闭。
右上角堆叠，role="region" + aria-label="通知"。