ButtonGroup - Web Component
The ButtonGroup component can be used imported from:
Playground
Parameters
The Web component uses the <z-button-group> tag:
By default, all the parameters are optional or can be set in different, except for the ones marked as required
The parametrization of the component can be done with the following custom HTML params:
| Name | Type | Description | Slot | A11y |
|---|---|---|---|---|
buttons | object[] | Array of buttons | ||
config | string | Configuration for the button group |
Events
This component has events. Check the documentation about how to use the events.
| Name | Payload | Description |
|---|---|---|
click | number |
Slots
This component has slots. Check the documentation about how to use the slots.
| Name | Tags | Description |
|---|---|---|
default | span | Slots for buttons |
Parameters use
buttons
The buttons parameter is an array of objects that define the buttons inside the ButtonGroup. Each object must contain button component properties to define the button.
We can use <z-button> tags to define the values of buttons
config
The config parameter is a string that defines the button group configuration. You can configure the type and the size of the buttons inside the group.
It works with slotted inputs too:
Browser support
Detected engine:
Chromium
Webkit
Gecko