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.
