Bootoast NPM | npm.io

NPM downloads

Bootoast 🔥

A Bootstrap Toaster library.
Make your toast notifications with Bootstrap 3 or 4 alerts.

Demo!

Default Settings

bootoast.toast({
    message: 'Bootoast!',
    type: 'info',
    position: 'bottom-center',
    icon: null,
    timeout: null,
    animationDuration: 300,
    dismissible: true
});

Options Settings

To use your own settings, take the default example above and replace with your values. You can also remove the keys you will not change.

Option	Default Value	Descrition
`message`	`'Helo!'`	Any, any, HTML String!
`type`	`'info'`	A raw string that can be any of Bootstrap 3 alert type classes without the `alert-` preffix. Available types.
`icon`	based on choosen `type` OR `undefined`	An icon following the standard Bootstrap 3 glyphicons name without the `glyphicon-` preffix. Icons choosen by type.
`position`	`'bottom-center'`	A raw string with two segments of align separated by hypehn follo0wing the pattern: `vertical-horizontal`. Supported positions.
`timeout`	`false`	The time in seconds for hide the notification (`.alert` element). If `false` or `0`, the notification will not auto-hide.
`dismissible`	`true`	Shows or hides the dismiss × button. It can be `true` or `false`.
`animationDuration`	`300`	The notification hide animation duration in milliseconds (`ms`).