@pieda/core

Appearance

useNotify ​

Example ​



md
<script setup>
import { useNotify } from '@pieda/core';

const $notify = useNotify();

$notify.setGlobalConfigs({
    iconColor: '#0096FF',
    confirmButtonColor: '#F1341C',
    allowOutsideClick: true,
    allowEscapeKey: false,
});
</script>
js
$notify.alert({
    title: '系統通知',
    message: '訊息內容',
    variant: 'success',
});
js
$notify.alert({
    title: '系統通知',
    message: '訊息內容',
    variant: 'question',
    confirm: true,
});
js
$notify.toast({
    title: '訊息內容',
    variant: 'success',
});

關於Notify可調整細項請參考：https://sweetalert2.github.io/#configuration