`<pf-v5-accordion>`

Toggle the visibility of sections of content

Category: Layout
Built with: Lit
Library: PatternFly Elements
Author: Red Hat
Package: @patternfly/elements
Component size: 10.2 kB JS (minified + gzipped, JS includes dependencies beyond the library)
Library size: 6.3 kB JS (shared by every PatternFly Elements component, loaded once per page)
Popular: 2 out of 5
Downloads: 3,967/week (whole @patternfly/elements package)
Latest stable version: 5.0.0
Last published: May 3, 2026
License: MIT

Documentation
Source code

Source code

An accordion is an interactive container that expands and collapses to hide or reveal nested content. It takes advantage of progressive disclosure to help reduce page scrolling, by allowing users to choose whether they want to show or hide more detailed information as needed.

Attributes

single
bordered
large
fixed
expanded-index

Events

expand
collapse