Button

Trigger an action or event, such as submitting a form or displaying a dialog.

html

Button

<button class="btn">Button</button>

Classes

TODO

Examples

Variant

Surface Primary Secondary Outlined

<button class="btn-base btn-surface">Surface</button>
<button class="btn-base btn-primary">Primary</button>
<button class="btn-base btn-secondary">Secondary</button>
<button class="btn-base btn-outlined">Outlined</button>

Size

Small Medium Large

<button class="btn btn-sm">Small</button>
<button class="btn btn-md">Medium</button>
<button class="btn btn-lg">Large</button>