Whether the accordion item is initially open.
ProtectedhasWhether the accordion item is a navigation item.
Whether the item is selectable
Whether the accordion item is initially selected.
Title of the accordion item.
StaticstylesProtectedrenderInvoked 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.
ProtectedfirstInvoked when the element is first updated. Implement to perform one time work on the element after update.
firstUpdated() {
this.renderRoot.getElementById('my-text-area').focus();
}
Setting properties inside this method will trigger the element to update again after this update cycle completes.
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.
Slot
Slot
header - content displayed in the header of the accordion item.
Part
item-header - The header of the accordion item.
Part
item-content - The content area of the accordion item.
Part
header-content - The content area of the accordion item header.
Fires
item-expanded - Dispatched when the accordion item is expanded or collapsed.
Fires
item-selected - Dispatched when the accordion item is selected or deselected.
Figma
https://www.figma.com/file/JesXQFLaPJLc1BdBM4sisI/🦓-ZDS---Components?type=design&node-id=3427-67874
Storybook
https://design.zebra.com/web/storybook/?path=/docs/components-accordion--docs