Skip to main content

ButtonGroup

scoped

ButtonGroup is used to group Button and Dropdown elements into more functional units, which will be automatically styled and arranged when inserted inside the element.

Basic usage

Add a wj-button-group element to the HTML with the desired attributes and include the desired Button or Dropdown elements inside it.

ButtonGroup shape

ButtonGroup with Dropdown

Icons in ButtonGroup

Split buttons

ButtonGroup also allows you to display a split button with multiple functions.

Editing styles

ButtonGroup colors

Border color in ButtonGroup

Attributes and Properties

No properties available for this component.

Events

No events available for this component.

Methods

No public methods available for this component.

CSS Shadow Parts

NameDescription
nativeRefers to the <div> element inside the ButtonGroup element.

CSS Custom Properties

No CSS custom properties available for this component.

Slots

NameDescription
``The main content of the ButtonGroup element.