Skip to content

TIP

🚧 组件库更新通知 🚧:我们正在努力完善我们的组件库。

Notification 通知

悬浮出现在页面角落,显示全局的通知提醒消息。

基础用法

TIP

🔨 施工中:我们的团队正在全力以赴,以确保为您提供最高质量的组件。请稍后再来查看这些组件的最新进展。

不同类型的通知

提供了四种不同类型的提醒框:successwarninginfoerror (danger 效果和 error 相同)。

TIP

🔨 施工中:我们的团队正在全力以赴,以确保为您提供最高质量的组件。请稍后再来查看这些组件的最新进展。

隐藏关闭按钮

可以通过设置 closable 属性来隐藏关闭按钮。

TIP

🔨 施工中:我们的团队正在全力以赴,以确保为您提供最高质量的组件。请稍后再来查看这些组件的最新进展。

全局方法

通过全局方法 $notify 调用,可以弹出通知。

单独引用

typescript
import { kawaNotification } from "kawa-ui";

Notification API

Options

NameDescriptionTypeDefault
title标题string-
message通知正文内容string | VNode-
type通知的类型enum - info | success | warning | error | dangerinfo
icon自定义图标string-
duration显示时间number3000
showClose是否显示关闭按钮booleantrue
onClose关闭时的回调函数() => void-
onClick点击时的回调函数() => void-
offset偏移number20

Handler

NameDescriptionType
close关闭 Notification() => void