Skip to content 
Content 1 Content 2 Content 3
Accordion group - Web Component
The AccordionGroup component can be used imported from:
Playground
Parameters
Events
This component has events. Check the documentation about how to use the events.
| Name | Payload | Description |
|---|---|---|
change | number | Fires when the accordion item is changed |
Slots
This component has slots. Check the documentation about how to use the slots.
| Name | Tags | Description |
|---|---|---|
default | span | The content of the accordion group |
Parameters use
accordions
We can pass the information of the accordions via the accordions attribute:
Or simply slotting the Accordion components:
model
You can set the model for the current accordion inside the Accordion Group component.
Attention!
If you hardcode this value, it will not be reactive and the selection won't change. Use a variable instead and, ideally, a closed loop.
config
The config attribute it's used to define the size of the accordion group. You can set it as l to make it larger.
Browser support
Detected engine:
Chromium
Webkit
Gecko