alerts.html.twig in Simple Style Guide 8

<a name="alerts"></a>

<h3 class="simple-styleguide--sectionhead">{{ default_pattern }}</h3>

<div class="simple-styleguide">

    <div class="messages__wrapper layout-container">
        <div role="contentinfo" aria-label="Status message"
             class="messages messages--status">
            <h2 class="visually-hidden">Status message</h2>
            This is a status message.
        </div>
        <div role="contentinfo" aria-label="Warning message"
             class="messages messages--warning">
            <h2 class="visually-hidden">Warning message</h2>
            This is a warning message.
        </div>
        <div role="contentinfo" aria-label="Error message"
             class="messages messages--error">
            <div role="alert">
                <h2 class="visually-hidden">Error message</h2>
                This is an error message
            </div>
        </div>

    </div>
</div>