Button
Overview
Buttons are used to initialize an action. Button labels express what action will occur when the user interacts with it.
Primary: For the primary, most important, or most common action on a screen.
Secondary: For optional or supplementary actions with less prominence.
Example
Properties
Property | Description | Type | Values | Default | Required |
---|---|---|---|---|---|
label | The text to display on the button. | string | ✓ | ||
variant | The variant of the button. | string | primary | secondary | primary | |
size | The size of the button. | string | small | medium | large | medium | |
format | Dictactes if the button has an icon. | string | no-icon | with-icon | icon-only | no-icon | |
to | The URL to navigate to when the button is clicked. | string |
Slots
Name | Description |
---|---|
default | The icon to display in the button. |