@windui/snackbar

@windui/snackbar

Developed with ❤️ by Swôth

---

Installation

npm i @windui/snackbar --save
yarn add @windui/snackbar

CDN & DOM Usage

<script src="https://cdn.jsdelivr.net/npm/@windui/snackbar@1.2.1/windui.snackbar.min.js"></script>
<script>
    new WindUI.Snackbar({
        // ...props
    }).show();
</script>

React Example

import Snackbar from "@windui/snackbar";

export default function Index() {
    const trigger = () => {
        const hello = new Snackbar({
            options: {
                duration: 3000,
                speed: 500, // animation speed
                type: "info", // snackbar types: info, success, error, warning
                align: "right", // right or left
                position: "bottom" // top or bottom
            },
            title: "Hello World!",
            message: "No post on Sundays!"
        });

        // show snackbar
        hello.show();

        // hide before timeout
        // hello.hide();
    };

    return (
        <button onClick={trigger}>
            Show Snackbar!
        </button>
    );
};