label: Icon list
status: ready
preview: "@uswds-content"
context:
  items:
    - icon:
        name: check_circle
        color: green
      content: Wash your hands for 20 seconds with soap
    - icon:
        name: check_circle
        color: green
      content:  Stay six feet away from others
    - icon:
        name: cancel
        color: red
      content: Avoid large gatherings

variants:
  - name: simple
    label: Simple content
    context:
      color: primary
      items:
        - icon:
            name: thumb_up_alt
            utilities:
          content: No processing lines
        - icon:
            name: thumb_up_alt
            utilities:
          content: Access to expedited entry benefits in other countries
        - icon:
            name: thumb_up_alt
            utilities:
          content: Available at major U.S. airports
        - icon:
            name: thumb_up_alt
            utilities:
          content: Reduced wait times

  - name: rich
    label: Rich content
    context:
      items:
        - icon:
            name: check_circle
            color: ink
            utilities:
          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:
          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:
          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>
  - name: custom-size
    label: Custom size
    context:
      size: lg
      items:
        - icon:
            name: help
            color: blue
            utilities:
          content: <span class="text-bold">Timing.</span> Is now the right time to start a business?
        - icon:
            name: help
            color: blue
            utilities:
          content: <span class="text-bold">Funding.</span> Do I have enough money to launch a business?
        - icon:
            name: help
            color: blue
            utilities:
          content: <span class="text-bold">Need.</span> Will this business fill a real need for my customers?
  - name: custom-size-rich
    label: Custom size with rich content
    context:
      size: lg
      items:
        - icon:
            name: attach_money
            color: green
            utilities:
          content: |
            <h3 class="usa-icon-list__title">Let the sun shine.</h3>
            <p>On sunny days, open your curtains to allow the sun to naturally warm the rooms of your home without using electricity. Natural sunlight can also lift your mood to help brighten your day. On warm days, close your curtains to help keep your house cool.</p>

        - icon:
            name: attach_money
            color: green
            utilities:
          content: |
            <h3 class="usa-icon-list__title">Adjust your schedule.</h3>
            <p>Instead of running high-energy-use appliances such as dishwashers and clothes dryers during mid-afternoon or early evening hours, operate them early in the morning or late at night. Some utilities charge less at off-peak times, which will help reduce your costs.</p>

        - icon:
            name: attach_money
            color: green
            utilities:
          content: |
            <h3 class="usa-icon-list__title">Fill it up.</h3>
            <p>Wash full loads, whether it’s clothes or dishes. Washing multiple small loads means you’re using and heating more water, which can increase your expenses. Using cold water for clothes washing can also help lower your costs.</p>