NJ Web Design System (v2.1.0)

Site Alert: Info 

<section class="usa-site-alert usa-site-alert--info" aria-label="Site alert,">
    <div class="usa-alert">
        <div class="usa-alert__body">
            <h3 class="usa-alert__heading">Short alert message</h3>
            <p class="usa-alert__text">Additional context and followup information including <a class="usa-link" href="javascript:void(0);">a link</a>.</p>
        </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--info
alert:
  content: >-
    Additional context and followup information including <a class="usa-link"
    href="javascript:void(0);">a link</a>.
  title: Short alert message