Metro Component Library Demo 2.0

Hero 

<section class="usa-hero" aria-label="Introduction">
    <div class="grid-container">
        <div class="usa-hero__callout">
            <h1 class="usa-hero__heading"><span class="usa-hero__heading--alt">Hero callout:</span>Bring attention to a project priority
            </h1>
            <p>Support the callout with some short explanatory text. You don’t need more than a couple of sentences.</p><a class="usa-button" href="javascript:void(0)">Call to action</a>
        </div>
    </div>
</section>

No notes defined.

package:
  name: metro-digital-design-system-demo
  version: 0.1.0
uswds:
  path: ../../../dist
placeholderLink: javascript:void()
hero:
  callout: 'Hero callout:'
  title: Bring attention to a project priority
  paragraph: >-
    Support the callout with some short explanatory text. You don’t need more
    than a couple of sentences.
  button:
    text: Call to action
    href: javascript:void(0)