Notification 通知提醒框

import { NotificationContainer, useNotification } from "@reglow/reui";

<script setup lang="ts">
import {
  NotificationContainer,
  useNotification,
} from "@reglow/reui";
import { Button } from "@reglow/reui";

const notify = useNotification();

function showNotification() {
  notify.open({
    title: "通知标题",
    description: "这是一条通知内容",
  });
}
</script>

<template>
  <Button @click="showNotification">显示通知</Button>
  <NotificationContainer />
</template>

<script setup lang="ts">
import { useNotification } from "@reglow/reui";

const notify = useNotification();

// success / info / warning / error
notify.success({ title: "操作成功", description: "数据已保存" });
notify.error({ title: "操作失败", description: "网络错误" });
notify.info({ title: "提示", description: "请注意此项" });
notify.warning({ title: "警告", description: "操作不可逆" });
</script>

notify.open({
  title: "位置通知",
  description: "从左下角弹出",
  placement: "bottomLeft",
});

// 带进度条
notify.info({
  title: "处理中",
  description: "请稍候...",
  showProgress: true,
  duration: 10,
});

// 不自动关闭
notify.warning({
  title: "需要确认",
  description: "请确认操作",
  duration: 0,
});

notify.open({ key: "loading", title: "加载中..." });
setTimeout(() => {
  notify.open({ key: "loading", title: "完成", type: "success" });
}, 1000);

// 销毁所有
notify.destroy();