Alerts & Messages

Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.

Examples

Just a message.

This is an error message.

This is a warning.

This is a success message.

This is informative.

This is a handy tip.

Extended message
This message has a title and is longer. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima.

Mobis modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.
Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in quam nunc putamus parum claram.
Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum.

Usage

<p class="message">Just a message.</p>
<p class="flakes-message error">This is an error message.</p>
<p class="flakes-message warning">This is a warning.</p>
<p class="flakes-message success">This is a success message.</p>
<p class="flakes-message information">This is informative.</p>
<p class="flakes-message tip">This is a handy tip.</p>