Toaster

Bake your Toast and let it fly! You should insert in into your <body>

View Source 

Usage

@import "winduum/src/components/toaster/index.css" layer(utilities);

Variants

• default 

Installation

Follow instructions for individual framework usage below

• winduum 
• winduum-stimulus 

Example

<ol class="x-toaster items-end"></ol>

closeToaster

• Type: (selector: HTMLElement, options?: CloseToastOptions) => Promise<void>
• Kind: async

All toasts are closed at once.

Example

import { showToast } from 'winduum/src/components/toaster'

document.querySelector('#closeToaster').addEventListener('click', async () => {
    await closeToaster(document.querySelector('.c-toaster'))
})