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