Alert

Demo

Usage

<div role="contentinfo" aria-labelledby="message-status-title" class="messages-list__item messages messages--status">
    <div role="alert">
        <div class="messages__header">
            <h2 id="message-status-title" class="messages__title">Alert</h2>
        </div>
        <div class="messages__content">
            <ul class="messages__list">
                <li class="messages__item">Lorem ipsum dolor sit amet, consectetur adipiscing elit consectetur adipiscing elit. Duis venenatis tempus turpis sed rutrum. Suspendisse in nisl aliquam, mollis metus in, pellentesque lectus.<br /><a class="hyperlink right-text  " href="/hyperlink">Hyperlink</a></li>
            </ul>
        </div>
    </div>
</div>

Options