Button
Variables
| CSS Variable | Default Value |
|---|---|
| —va-button-font-size | var(—va-font-size-1) |
| —va-button-padding | var(—va-space-3) |
| —va-button-border-width | var(—va-border-width) |
| —va-button-border-color | var(—va-border-color) |
| —va-button-background-color | var(—va-surface-primary) |
Default
<button class="va-button">Example button</button>Action
<button class="va-button va-button--action">Example button</button>Active
<button class="va-button va-button--active">Example button</button>Disabled
<button class="va-button va-button--disabled">Example button</button>