<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.
<ul class="usa-icon-list{% if color %} usa-icon-list--{{ color }}{% endif %}{% if size %} usa-icon-list--size-{{ size }}{% endif %}">
{%- for item in items -%}
<li class="usa-icon-list__item">
<div class="usa-icon-list__icon{% if item.icon.color %} text-{{ item.icon.color }}{% endif %}">
<svg class="usa-icon{% if item.icon.utilities %} {{ item.icon.utilities }}{% endif %}" aria-hidden="true" role="img">
<use xlink:href="../../dist/img/sprite.svg#{{ item.icon.name }}"></use>
</svg>
</div>
<div class="usa-icon-list__content">
{{ item.content | safe }}
</div>
</li>
{%- endfor -%}
</ul>
package:
name: null
version: 2.1.0
uswds:
path: ../../dist
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>