Metro Component Library Demo 2.0

Buttons: Outline Inverse 

<div class="bg-base-darkest padding-1" style="max-width: fit-content">
    <button class="usa-button usa-button--outline usa-button--inverse">Default</button>
    <button class="usa-button usa-button--outline usa-button--inverse usa-button--hover">Hover</button>
    <button class="usa-button usa-button--outline usa-button--inverse usa-button--active">Active</button>
    <button class="usa-button usa-button--outline usa-button--inverse usa-focus">Focus</button>
    <button class="usa-button usa-button--outline usa-button--inverse" disabled>Disabled</button><button class="usa-button usa-button--outline usa-button--inverse usa-button--unstyled">Unstyled button</button>
</div>

No notes defined.

package:
  name: metro-digital-design-system-demo
  version: 0.1.0
uswds:
  path: ../../../dist
placeholderLink: javascript:void()
category: outline-inverse
label: outline inverse buttons
classes: usa-button--outline usa-button--inverse