Notification 通知

角落弹出的通知条，命令式调用。

基础用法

<script setup lang="ts">
import { DanButton, DanNotification } from '@dandan-ui/ui'

function open(type: 'success' | 'warning' | 'info' | 'error') {
  DanNotification[type]({
    title: type,
    message: '这是一条通知消息',
  })
}
</script>

<template>
  <div style="display: flex; gap: 12px; flex-wrap: wrap">
    <DanButton type="primary" @click="open('success')">成功</DanButton>
    <DanButton @click="open('info')">信息</DanButton>
    <DanButton type="warning" @click="open('warning')">警告</DanButton>
    <DanButton type="danger" @click="open('error')">错误</DanButton>
  </div>
</template>

API

import { DanNotification } from '@dandan-ui/ui'

DanNotification({ title, message, type, duration, position })
DanNotification.success / warning / info / error
DanNotification.closeAll()

字段	说明	默认值
title / message	标题与正文	—
type	类型	info
duration	自动关闭毫秒，0 不关闭	4500
position	top-right 等四角	top-right
showClose	关闭按钮	true