Messages

Basic example

A Hubble message has specific markup that you must follow for it to be displayed correctly.

Contextual classes

Add a class of .msg-primary, .msg-info, .msg-success, .msg-warning or .msg-danger to contextualize messages.

Removable messages

Add a class of .js-close-msg to the .closer-trigger to make the message removable by the user. The message will be removed FROM the DOM after it is clicked.

Add a class of .js-rmv-parent to the .closer-trigger to make remove the parent node of the message. This is usufell when you message is wrapped in a spacing element that you want to remove.

You can add the .js-close-msg and .js-rmv-parent classes to any element.