Messages are a convenient way to inform users when they accomplish some actions. The markup is very simple, lightweight and highly customizable.
Message headers can have different colors, regarding the type of message you wish to deliver. Available modifiers are .msg-primary, .msg-secondary, .msg-accent, .msg-info, .msg-success, .msg-warning and .msg-danger.
Sometimes, you will need something that is visually stronger. Icon messages are pefect for that. They feature a big colored icon that you can use to quicly inform the user before he dives into content. Available modifiers to the .icon-msg are .primary-msg, .secondary-msg, .accent-msg, .info-msg, .success-msg, .warning-msg and .danger-msg.
Bulkit Toast messages are based on the IziToast jQuery library. The library is very easy to use and to customize. It also offers a lot of options. Check out the plugin documentation for more details about usage. In the following example you can see the available toast positions. Use the position option to set your toast position.
You can also use toasts to display success or error messages. Izitoast offers built-in messages but you can create your own like in the following example.
The way toasts appear and disappear from the screen can be controlled via options. Use the transitionIn and the transitionOut options to define enter and leave animations. Check the plugin documentation for more details.
Detailed API and examples let you customize toasts to exactly fit your needs. The following examples feature an interactive toast, a bubble toast including callbacks and custom layout toast.
