<div class="usa-alert usa-alert--emergency" role="alert">
<div class="usa-alert__body">
<h4 class="usa-alert__heading">Emergency status</h4>
<p class="usa-alert__text">Lorem ipsum dolor sit amet, <a class="usa-link" href="javascript:void(0);">consectetur adipiscing</a> elit, sed do eiusmod.</p>
</div>
</div>
No notes defined.
<div class="usa-alert {{ alert.classes }}" {% if alert.role %}role="{{alert.role}}"{% endif %}>
<div class="usa-alert__body">
{%- if alert.title %}
<h4 class="usa-alert__heading">{{ alert.title }}</h4>
{%- endif %}
<p class="usa-alert__text">{{ alert.content | safe }}</p>
</div>
</div>
package:
name: null
version: 2.1.0
uswds:
path: ../../dist
alert:
content: >-
Lorem ipsum dolor sit amet, <a class="usa-link"
href="javascript:void(0);">consectetur adipiscing</a> elit, sed do eiusmod.
classes: usa-alert--emergency
title: Emergency status
role: alert