The accordion is a control element comprising a vertically stacked list of items, such as labels or thumbnails. Each item can be "expanded" or "collapsed" to reveal the content associated with that item. There can be zero expanded items, exactly one, or more than one item expanded at a time, depending on the configuration.
The contents within the tag will be the child of the open accordion. Typically, this would be list items. Custom styles are applied to <li> elements to match Zeta styles.
Invoked on each update to perform rendering tasks. This method may return
any value renderable by lit-html's ChildPart - typically a
TemplateResult. Setting properties inside this method will not trigger
the element to update.
The accordion is a control element comprising a vertically stacked list of items, such as labels or thumbnails. Each item can be "expanded" or "collapsed" to reveal the content associated with that item. There can be zero expanded items, exactly one, or more than one item expanded at a time, depending on the configuration.
The contents within the tag will be the child of the open accordion. Typically, this would be list items. Custom styles are applied to
<li>elements to match Zeta styles.Slot
Figma
https://www.figma.com/file/JesXQFLaPJLc1BdBM4sisI/🦓-ZDS---Components?type=design&node-id=3427-67874
Storybook
https://zeta-ds.web.app/web/storybook/?path=/docs/accordion--docs