Button Group

Button Groups bring together button controls that belong to the same context. They help us save space when needed.

Code


                                                        
                                                        
                                                            <template>
                                                          <w-button-group>
                                                            <w-button label="Button 1" />
                                                            <w-button label="Button 2" />
                                                            <w-button label="Button 3" />
                                                            <w-button label="Button 4" />
                                                          </w-button-group>
                                                        </template>
                                                        
                                                        
                                                            

Props

Name

Description

Type

Default

Values

role

The role of the containing element.

string

group

valid ARIA role

Slots

Name

Description

default

Default content slot