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>
                                                            <w-button label="Button 2"></w-button>
                                                            <w-button label="Button 3"></w-button>
                                                            <w-button label="Button 4"></w-button>
                                                          </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