Banners

This component provides banner boxes at the top of a page’s content. This is similar to a notification, but is intended to be full width.

Default banner

A default banner

HTML code snippet

<div class="o-banner">
    <div class="wrapper wrapper__match-content">
        <div class="m-notification
                    m-notification__warning
                    m-notification__visible">
            {% include icons/information-round.svg %}
            <div class="m-notification_content">
                <div class="h4 m-notification_message">
                    A default banner
                </div>
            </div>
        </div>
    </div>
</div>