Skip to main content

Accordion

Use the Accordion to progressively disclose grouped content, letting users reveal and hide sections to reduce page length and focus on what matters.

OverviewPropertiesUsageAccessibilityChangelog3.14.0

Changes to Accordion. The full components changelog also lists package-wide and cross-cutting entries.

3.14.0​

Updates​

  • The content region now has a correct accessible name derived directly from Accordion.SectionLabel, fixing an issue where screen readers could not announce the section name. (APPDEV-19707)

3.11.3​

Updates​

  • Accordion.SectionLabel now accepts an aria-label prop to override the accessible name derived from its content. (APPDEV-19171)

3.11.0​

Updates​

  • Accordion.Section content with keepMounted is now automatically hidden from assistive technology when collapsed. (APPDEV-19165)

3.3.0​

Updates​

  • Added data-dt-properties attribute to the section trigger and section header.

3.2.0​

Updates​

  • Added data-dt-name attributes to the section trigger and section header. (APPDEV-16670)
Still have questions?
Find answers in the Dynatrace Community