Toasts

Options

interface Toast {
	text: string;
	closeButton?: string | null;
	duration?: number;
	removeAfter?: number;
	classList?: string[];
	variant?: string;
}

Example

<button id="show-toast">Show toast</button>
<script type="module">
    import '/src/index.js';

    if ("toast" in window) {
        const btn = document.getElementById("show-toast");
        btn?.addEventListener('click', () => {
            window.toast({
                text: "Hello world",
                duration: 3000,
                variant: "success",
                closeButton: "close",
                classList: ["custom-class", "custom-class-2"],
            })
        })
    }
</script>