Skip to content
On this page

Button Group ​

Displayed as a button group, can be used to group a series of similar operations.

Usage ​

type ​

Button group type, which overrides the type of button. The default is solid.

state ​

Button group state, which overrides the state of button. The default is info.

shapes ​

Button group shape, which overrides the shape of button. The default is rounded.

size ​

Button group size, which overrides the size of button. The default is medium.

vertical ​

You can use the vertical attribute to define whether the button-group is vertical.

disabled ​

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

Props ​

NameTypeDefaultDescription
typesolid | white | outlinesolidSet custom type attribute.
shaperounded | pilled | plainroundedSet button group shape.
sizemini | small | medium | largemediumSet button group size.
stateinfo | success | warning | dangerinfoSet button group state.
verticalbooleanfalseSet native type attribute.
disabledbooleanfalseDisable the button group.

Slots ​

NameParametersDescription
default()Customize default content.

MIT Licensed