Accordion
Overview
Accordions toggle the visibility of sections of content. They feature panels that consist of a section text label and a caret icon that collapses or expands to reveal more information.
Installation
npm install @rhds/elementsSlots
- Default Slot
-
Place the
rh-accordion-headerandrh-accordion-panelelements here.
Attributes
color-palette- DOM Property
colorPalette- Type
-
ColorPalette | undefined - Default
-
unknown
large- DOM Property
large- Type
-
boolean - Default
-
false
bordered- DOM Property
bordered- Type
-
boolean - Default
-
true
Methods
None
Events
expand-
when a panel expands
Event Type:AccordionExpandEvent collapse-
when a panel collapses
Event Type:AccordionCollapseEvent
