Messages

Messages

Standard message

Message with icon

Close button

✕ Message with close button

✕ Close button on hover only

Arrows

Arrow top

Arrow left

Arrow right

Arrow bottom

Stripes

Static stripes

Big stripes

Animated stripes (only in compatible browsers)

Big messages

Basic big message

Big message with title
And a nice baseline, too.

Big message with icon
Color is inherited from baseline text

Here I am! Big message with icon on the right
May be colored and have a baseline, too!

✕ Important New message from John Doe
Re: About next update

✕ New message from John Doe
Re: About next update

Messages API

The template includes a complete API to display messages, give it a try below:

Text

Position

Inside block

Color

Arrow

Close button

after milliseconds

I'm just a box.

Use the options to create your own messages