Metro Component Library Demo 2.0

Site Alert: Emergency with List 

<section class="usa-site-alert usa-site-alert--emergency" aria-label="Site alert,,,">
    <div class="usa-alert">
        <div class="usa-alert__body">
            <h3 class="usa-alert__heading">Emergency alert message</h3>
            <ul class="usa-list">
                <li>The primary emergency message and <a class="usa-link" href="javascript:void(0);">a link</a> for supporting context.</li>
                <li>Another message, <a class="usa-link" href="javascript:void(0);">and another link</a>.</li>
                <li>A final emergency message.</li>
            </ul>
        </div>
    </div>
</section>

No notes defined.

package:
  name: metro-digital-design-system-demo
  version: 0.1.0
uswds:
  path: ../../../dist
placeholderLink: javascript:void()
siteAlert:
  aria: Site alert,,,
  classes: usa-site-alert--emergency
alert:
  content: false
  title: Emergency alert message
  list: ' <ul class="usa-list"> <li>The primary emergency message and <a class="usa-link" href="javascript:void(0);">a link</a> for supporting context.</li> <li>Another message, <a class="usa-link" href="javascript:void(0);">and another link</a>.</li> <li>A final emergency message.</li> </ul>'