Toastwind!

Toastwind is tiny library to show toast on your website.

1. Installation

npm i toastwind

2. Import Project

import Toast from "toastwind"
import "toastwind/dist/style.css"

3. Usage

Toast.show("Success, Data saved!")

4. Option you can customize toast using option parameter

Toast.show("Error, Data not found",
{
    timeout : 3000,
    status : 'error', // success | error
    position : 'top right', // top | bottom | left | right
    darkMode : false // true | false
})

5. Demo Live Demo: Codepen

6. CDN Usage

   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/toastwind/dist/style.css">
    <script src="https://cdn.jsdelivr.net/npm/toastwind"></script>
    
    <script>
        Toast.show("Success, Data saved!")
    </script>
    

7. Methods

| method name | description | | ------------- |:-------------:| | show(text : string, option?) | show toast | | setDefault(option?) | set default of option |

Thank You

This library built using vite, tailwind css, flowbite component and svelte.