<div class="dark-bg">
    <button class="usa-button-secondary-inverse">Default</button>
    <button class="usa-button-secondary-inverse usa-button-hover">Hover</button>
    <button class="usa-button-secondary-inverse usa-button-active">Active</button>
    <button class="usa-button-secondary-inverse usa-focus">Focus</button>
    <button class="usa-button-secondary-inverse" disabled>Disabled</button>
</div>

<style scoped>
    .dark-bg {
        background-color: #212121;
    }
</style>

There are no notes for this item.

{%- if (classes == 'usa-button-secondary-inverse') -%}
<div class="dark-bg">
{% endif -%}

<button class="{{ classes }}">Default</button>
{% if (category != 'disabled') and (category != 'big') -%}
<button class="{{ classes }} usa-button-hover">Hover</button>
<button class="{{ classes }} usa-button-active">Active</button>
<button class="{{ classes }} usa-focus">Focus</button>
<button class="{{ classes }}" disabled>Disabled</button>
{%- endif -%}

{%- if (classes == 'usa-button-secondary-inverse') %}
</div>

<style scoped>
  .dark-bg {
    background-color: #212121;
  }
</style>
{%- endif %}
package:
  name: uswds
  version: 1.6.7
uswds:
  path: ../../dist
category: secondary-inverse
label: Secondary inverse buttons
classes: usa-button-secondary-inverse