Metro Component Library Demo 2.0

Summary box 

<div class="usa-summary-box" role="region" aria-labelledby="summary-box-key-information">
    <div class="usa-summary-box__body">
        <h3 class="usa-summary-box__heading" id="summary-box-key-information">Key information</h3>
        <div class="usa-summary-box__text">
            <ul class="usa-list">
                <li>If you are under a winter storm warning,
                    <a class="usa-summary-box__link" href="javascript:void(0);">find shelter</a>
                    right away.
                </li>
                <li>Sign up for
                    <a class="usa-summary-box__link" href="javascript:void(0);">your community’s warning system</a>.
                </li>
                <li>Learn the signs of, and basic treatments for,
                    <a class="usa-summary-box__link" href="javascript:void(0);">frostbite</a>
                    and
                    <a class="usa-summary-box__link" href="javascript:void(0);">hypothermia</a>.
                </li>
                <li>Gather emergency supplies for your
                    <a class="usa-summary-box__link" href="javascript:void(0);">home</a>
                    and your
                    <a class="usa-summary-box__link" href="javascript:void(0);">car</a>.
                </li>
            </ul>
        </div>
    </div>
</div>

No notes defined.

package:
  name: metro-digital-design-system-demo
  version: 0.1.0
uswds:
  path: ../../../dist
placeholderLink: javascript:void()