UI Library

Non dismissible messages

Toggle example guides Toggle HTML markup

Non dismissible Messages.

<insert-markup>messages.nondismissible-</insert-markup>
  • LEVEL This message is NOT dismissible.
.m-messages__item--error
error message
<insert-markup>messages.nondismissible-0</insert-markup>
  • LEVEL This message is NOT dismissible.
.m-messages__item--warning
warning message
<insert-markup>messages.nondismissible-1</insert-markup>
  • LEVEL This message is NOT dismissible.
.m-messages__item--success
success message
<insert-markup>messages.nondismissible-2</insert-markup>
  • LEVEL This message is NOT dismissible.
Markup 
<ul class="m-messages">
    <li class="m-messages__item [modifier class]">
        <span class="m-messages__desc">
            <span class="m-messages__level">LEVEL</span>
            This message is NOT dismissible.
        </span>
    </li>
</ul>
Source: static/css/src/_m-messages.scss, line 146