<button class="usa-button usa-button--secondary">Default</button>
<button class="usa-button usa-button--secondary usa-button--hover">Hover</button>
<button class="usa-button usa-button--secondary usa-button--active">Active</button>
<button class="usa-button usa-button--secondary usa-focus">Focus</button>
<button class="usa-button usa-button--secondary" disabled>Disabled</button><button class="usa-button usa-button--secondary usa-button--unstyled">Unstyled button</button>

There are no notes for this item.

{%- if (classes == 'usa-button--outline usa-button--inverse') -%}
<div class="bg-base-darkest padding-1" style="max-width: fit-content">
{% endif -%}

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

{%- if (classes == 'usa-button--outline usa-button--inverse') %}
</div>
{%- endif %}
package:
  name: uswds
  version: 2.2.1
uswds:
  path: ../../dist
category: alternate
label: Secondary buttons
classes: usa-button--secondary