<ul class="usa-icon-list">
    <li class="usa-icon-list__item">
        <div class="usa-icon-list__icon text-ink">
            <svg class="usa-icon" aria-hidden="true" role="img">
                <use xlink:href="../../dist/img/sprite.svg#check_circle"></use>
            </svg>
        </div>
        <div class="usa-icon-list__content">
            <h3 class="usa-icon-list__title">Donate cash when possible.</h3>
            <p>Financial contributions to recognized disaster relief organizations are the fastest, most flexible and most effective method of donating. Organizations on the ground know what items and quantities are needed, often buy in bulk with discounts and, if possible, purchase through businesses local to the disaster, which supports economic recovery.</p>

        </div>
    </li>
    <li class="usa-icon-list__item">
        <div class="usa-icon-list__icon text-ink">
            <svg class="usa-icon" aria-hidden="true" role="img">
                <use xlink:href="../../dist/img/sprite.svg#check_circle"></use>
            </svg>
        </div>
        <div class="usa-icon-list__content">
            <h3 class="usa-icon-list__title">Confirm what donations are needed.</h3>
            <p>Unneeded and unsolicited goods burden local organizations’ ability to meet survivors’ confirmed needs, drawing away valuable volunteer labor, transportation and warehouse space.</p>

        </div>
    </li>
    <li class="usa-icon-list__item">
        <div class="usa-icon-list__icon text-ink">
            <svg class="usa-icon" aria-hidden="true" role="img">
                <use xlink:href="../../dist/img/sprite.svg#check_circle"></use>
            </svg>
        </div>
        <div class="usa-icon-list__content">
            <h3 class="usa-icon-list__title">Talk to trusted organizations about volunteering.</h3>
            <p>Financial contributions to recognized disaster relief organizations are the fastest, most flexible and most effective method of donating. Organizations on the ground know what items and quantities are needed, often buy in bulk with discounts and, if possible, purchase through businesses local to the disaster, which supports economic recovery.</p>

        </div>
    </li>
</ul>

No notes defined.

package:
  name: metro-digital-design-system-demo
  version: 0.1.0
uswds:
  path: ../../../dist
placeholderLink: javascript:void()
items:
  - icon:
      name: check_circle
      color: ink
      utilities: null
    content: >
      <h3 class="usa-icon-list__title">Donate cash when possible.</h3>

      <p>Financial contributions to recognized disaster relief organizations are
      the fastest, most flexible and most effective method of donating.
      Organizations on the ground know what items and quantities are needed,
      often buy in bulk with discounts and, if possible, purchase through
      businesses local to the disaster, which supports economic recovery.</p>
  - icon:
      name: check_circle
      color: ink
      utilities: null
    content: >
      <h3 class="usa-icon-list__title">Confirm what donations are needed.</h3>

      <p>Unneeded and unsolicited goods burden local organizations’ ability to
      meet survivors’ confirmed needs, drawing away valuable volunteer labor,
      transportation and warehouse space.</p>
  - icon:
      name: check_circle
      color: ink
      utilities: null
    content: >
      <h3 class="usa-icon-list__title">Talk to trusted organizations about
      volunteering.</h3>

      <p>Financial contributions to recognized disaster relief organizations are
      the fastest, most flexible and most effective method of donating.
      Organizations on the ground know what items and quantities are needed,
      often buy in bulk with discounts and, if possible, purchase through
      businesses local to the disaster, which supports economic recovery.</p>