Button
An interactive element that triggers actions or submits forms when clicked.
| Property | Description | Type |
|---|---|---|
variant | The style of the button based on level of importance. Danger is for destructive actions. | primary | secondary | tertiary | danger |
disabled | Prevents interaction. | boolean |
size | Allows for a larger button style. | m | l |
expanded | Allows the button to stretch to full width. | boolean |
href | Allows the button to behave like a link. | string |
slot="start" | Content placed before the label, usually an icon. | slot |
slot="end" | Content placed after the label, usually an icon. | slot |
on:click | Fires when the button (or link) is clicked. | event |