// Displing the default toast with default config.
    var toast = toasting.create(options);

{
    // `title` is to set as title. This property is required or it will set to default one 'Default Title'.
    title: "this is title",

    // `text` is subtitle.
    text: "this is description.",
    
    // `type` is the toast type, there are 5 type that is available for now:
    // default if this key is not specified, 'success', 'warning', 'error' and 'info'.
    // By specified type, will set the background of toast.
    // You can modify color in src/scss/style/scss file.
    type: "info",

    // Enable toast to hover to pause. this key is true by default.
    isHoverToPause: true,

    // tell toast to hide itself after timeout. this key is true by default.
    autoHide: true,
    
    // Tell if you need to hide progress bar. this key is false by default.
    hideProgressBar: false,

    // set the type of the progress bar. there are 5 type are available by now:
    // default if this key is not specified, 'success', 'warning', 'error', 'info' and 'rainbow'.

    progressBarType: "rainbow",

    // set the timeout in milisecond for toast to hide itself. this key is 4000ms by default.
    timeout: 4000
}

    var toast = toasting.create(options);
    toast.addEventListener('onHide', e => {
        console.log('This will confole when toast is prepare to hide.');
    });

    var toast = toasting.create(options);
    toast.addEventListener('onHidden', e => {
        console.log('This will confole when toast is been hidden.');
    });

    var toast = toasting.create(options);
    toast.hide();