Svelte Daisyui Toast

Natoune

Svelte DaisyUI Toast

A simple toaster component for Svelte with DaisyUI.
Inspired by Svelte French Toast.

Installation

npm install @natoune/svelte-daisyui-toast

pnpm install @natoune/svelte-daisyui-toast

yarn add @natoune/svelte-daisyui-toast

Usage

Mount a <Toaster /> at the top level of your app and use the toast API to display toasts.

<script>
    import toast, { Toaster } from '@natoune/svelte-daisyui-toast'

    function handleClick() {
        toast.success('Hello, world!')
    }
</script>

<Toaster />
<button type="button" onclick={handleClick}>Toast</button>

For more usage examples, see the website.

Thanks

Thanks to the original author of Svelte French Toast and its contributors.

Top categories