One UI

OneAlert

OneAlert 适合无需遮挡界面的持续反馈;warning 和 error 使用 role='alert',其余变体使用 role='status'。

保存成功
更改已经同步。
查看代码收起代码
import { OneAlert } from '@geektech/one';

new OneAlert({
  title: '保存成功',
  description: '更改已经同步。',
  variant: 'success',
  closable: true,
});

示例

new OneAlert({ title: '保存成功', description: '更改已经同步。', variant: 'success', closable: true })

API

OneAlert 属性与事件
名称签名说明
titletitle?: string提示标题。
descriptiondescription?: string提示说明;默认插槽优先。
variantvariant?: OneFeedbackVariant'info' | 'success' | 'warning' | 'error'。
closableclosable?: boolean显示关闭按钮。
childrenchildren?: Array<VNode | string>default、icon 和 actions 插槽内容。
close() => void用户关闭提示时发出。

键盘与 ARIA

关闭按钮使用原生 button,可通过 Tab 聚焦并使用 Enter 或 Space 激活。