<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.
<section class="usa-site-alert{% if siteAlert.classes %} {{ siteAlert.classes }}{% endif %}" aria-label="{{ siteAlert.aria }}">
<div class="usa-alert{% if alert.classes %} {{ alert.classes }}{% endif %}" {% if alert.role %}role="{{alert.role}}"{% endif %}>
<div class="usa-alert__body">
{%- if alert.title %}
<h3 class="usa-alert__heading">{{ alert.title }}</h3>
{%- endif %}
{%- if alert.list %}
{{ alert.list | safe }}
{%- endif %}
{%- if alert.content %}
<p class="usa-alert__text">{{ alert.content | safe }}</p>
{%- endif %}
</div>
</div>
</section>
package:
name: null
version: 2.1.0
uswds:
path: ../../dist
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>'