BasicButton

A Basic Button

Examples

Button Sizes

Default
Small
Mini
Full Width

Button Types (Themes)

Default
Secondary
Tertiary
Ghost
Destructive

Button with a leading icon

Button with a trailing icon

Playground

Size
Theme
Disabled
Trailing Icon
Leading Icon
Label
Content Alignment
Result:

Props

NameDescriptionTypeDefaultRequired
alignButton content alignment (left, center, right)enum"center"
disabledThe button is disabled or notboolundefined
labelText to display in the buttonstring
htmlTypehtml type attribute, one of button, submit, or resetenum"button"
htmlIdhtml id attributestring
typeone of default, secondary, tertiary, destructive, ghostenum"default"
onClickClick Handlerfunc
sizebutton size (default, small, mini, full-width)enum"default"
trailingIconicon to display to the right of the labelelementnull
leadingIconicon to display to the left of the labelelementnull