Constants for Toast severities

[glebgolov-ziosem]

As per title, just to have quick references in text editors or IDEs as there are for filter operators and match modes.

Example of the result:

/* Inside a component script */
import { useToast } from 'primevue/usetoast'
import { ToastSeverity } from 'primevue/api'

useToast().add({severity: ToastSeverity.INFO, summary: 'Message', detail: 'Message content'})

Or just Severity if those constants may be used for something else (that is already implemented or planned).

[voquanghoa]

Life hack. For me, I created a file useNotification.ts with content

import { useToast } from "primevue/usetoast";

export default function useNotification() {
    const toast = useToast();
    const showToast = (severity: string, message) => {
        toast.add({
            severity: severity,
            summary: 'Thông báo',
            detail: message,
            life: 2000
        });
    }

    return {
        showMessage: (message) => {
            showToast('success', message);
        },
        showError: (message) => {
            showToast('error', message);
        }
    }
}

And then, when I want to show a toast message

const notification = useNotification();
....

notification.showMessage('Hello world!');

It's much simpler