Button

Variables

--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>