Message

The component below shows a simple message box with different color variants based on the theme colors

The following code examples shows how to use accordions:

<div class="message">Default Message</div>

<div class="message message--success">Success Message</div>

The following list describe all existing block/element/modifier classes of the component and all data attributes.

• .message - required the block class, without any modifier, it describe an info message
• Modifier
  • .message--success - describe a success message
  • .message--warning - describe a warning message
  • .message--danger - describe a danger message