Skip to content
On this page

Button

Common operation buttons.

Usage

mode

The most commonly used button styles.

size

Buttons stacked small to large sizes.

state

Predefined button state.

shape

Predefined the shape of the button.

icon

Predefined the icon of the button.

disabled

You can use the disabled attribute to define whether the button is disabled.

Props

NameTypeDefaultDescription
modesolid | white | outline | ghost | linksolidSet button style.
typebutton | reset | submitbuttonSet native type attribute.
shaperounded | pilled | circle | plainroundedSet button shape.
sizesmall | medium | largemediumSet button size.
stateinfo | success | warning | dangerinfoSet button state.
iconLeftBootstrap Icons''Set button left icon.
iconRightBootstrap Icons''Set button right icon.
disabledbooleanfalseDisable the button.

Slots

NameParametersDescription
default()Customize default content.

MIT Licensed