UsaButton

A button draws attention to important actions with a large selectable surface.

status: draft

Props

Slots

• default

CSS Classes

• size: usa-button--big
• variant: usa-button--{{ variant }}

External Libraries

• None

Sub-Components

• None

Dependencies

• BaseButton

Notes

• If you want to style a link as a button, use the button CSS classes on a BaseLink component.
• All BaseButton props can be used on this component.

Tests

1. If the size prop is set to 'big', the CSS class 'usa-button--big' is applied.
2. The correct CSS class is applied for each preset variant.
3. If a custom variant is used, a kebab-case CSS class will be generated using the format: usa-button--{{ custom_variant }}.
4. The slot content correctly renders.