SimpleToast

Small (but powerful) toast library.

Usage

Text (required):

    SimpleToast('Text');
    SimpleToast({text: 'Text'});

Title with text:

    SimpleToast({title: 'Title', text: 'Text'});

CSS

Targets:

• css (or) css.toast: Applies to toast
• css.title: Applies to title
• css.button: Applies to buttons

    // Apply a red-ish background
    SimpleToast({text: 'Text', css: {background: '#c8354e'}});

    SimpleToast({
        css: {
            // Applies to toast (unless toast is present)
            toast: {
                // Applies to toast
            },
            title: {
                // Applies to title
            },
            button: {
                // Applies to buttons
                mouseOver: {
                    // Applies to buttons when moused over
                }
            },
        },
    });

Buttons

You can provide a single button within an object, or an array of buttons.

    // Single button
    SimpleToast({
        buttons: {
            text: 'Text', // Required
            onclick: () => {
                // Runs on click
            },
            css: {
                // Applies to button
                mouseOver: {
                    // Applies to button when moused over
                },
            },
        },
    });
    // Multiple Buttons
    SimpleToast({
        buttons: [
            {
                // Button data goes here
            },
            {
                // Button data goes here
            },
        ],
    });