<div class="usa-alert  usa-alert-info usa-alert-paragraph">
    <div class="usa-alert-body">
        <h3 class="usa-alert-heading">Information Status - Paragraph Width</h3>
        <p class="usa-alert-text">Multi line. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui atione
            voluptatem sequi nesciunt. Neque porro quisquam est, qui doloremipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
    </div>
</div>

There are no notes for this item.

<div class="usa-alert {{ alert.classes }}" {% if alert.role %}role="{{alert.role}}"{% endif %}>
  <div class="usa-alert-body">
    {%- if alert.title -%}
    <h3 class="usa-alert-heading">{{ alert.title }}</h3>
    {%- endif -%}
    <p class="usa-alert-text">{{ alert.content }}</p>
  </div>
</div>
package:
  name: uswds
  version: 1.4.3
uswds:
  path: ../../dist
alert:
  content: >-
    Multi line. Sed ut perspiciatis unde omnis iste natus error sit voluptatem
    accusantium doloremque laudantium, totam rem Nemo enim ipsam voluptatem quia
    voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni
    dolores eos qui atione voluptatem sequi nesciunt. Neque porro quisquam est,
    qui doloremipsa quae ab illo inventore veritatis et quasi architecto beatae
    vitae dicta sunt explicabo.
  classes: ' usa-alert-info usa-alert-paragraph'
  title: Information Status - Paragraph Width