NJ Web Design System (v1.0.0)

Buttons: Big 

<button class="usa-button usa-button--big">Default</button>
<button class="usa-button usa-button--big usa-button--unstyled">Unstyled button</button>

No notes defined.

{%- 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: null
  version: 1.0.0
uswds:
  path: ../../dist
category: big
label: Big button
classes: usa-button--big