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.
