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
Name | Type | Default | Description |
---|---|---|---|
mode | solid | white | outline | ghost | link | solid | Set button style. |
type | button | reset | submit | button | Set native type attribute. |
shape | rounded | pilled | circle | plain | rounded | Set button shape. |
size | small | medium | large | medium | Set button size. |
state | info | success | warning | danger | info | Set button state. |
iconLeft | Bootstrap Icons | '' | Set button left icon. |
iconRight | Bootstrap Icons | '' | Set button right icon. |
disabled | boolean | false | Disable the button. |
Slots
Name | Parameters | Description |
---|---|---|
default | () | Customize default content. |