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

PropertyDescriptionTypeValuesDefaultRequired
labelThe text to display on the button.string
variantThe variant of the button.stringprimary | secondaryprimary
sizeThe size of the button.stringsmall | medium | largemedium
formatDictactes if the button has an icon.stringno-icon | with-icon | icon-onlyno-icon
toThe URL to navigate to when the button is clicked.string

Slots

NameDescription
defaultThe icon to display in the button.