This site uses cookies from Google to deliver its services and to analyze traffic.

Skip to main content

Material Components CDK Guides

Components CDK Guides

Accordion

Bidirectionality

Component Harnesses

Examples for accordion

Accordion overview

Item 1 Click to open

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Perferendis excepturi incidunt ipsum deleniti labore, tempore non nam doloribus blanditiis veritatis illo autem iure aliquid ullam rem tenetur deserunt velit culpa?

Item 2 Click to open

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Perferendis excepturi incidunt ipsum deleniti labore, tempore non nam doloribus blanditiis veritatis illo autem iure aliquid ullam rem tenetur deserunt velit culpa?

Item 3 Click to open

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Perferendis excepturi incidunt ipsum deleniti labore, tempore non nam doloribus blanditiis veritatis illo autem iure aliquid ullam rem tenetur deserunt velit culpa?

Item 4 Click to open

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Perferendis excepturi incidunt ipsum deleniti labore, tempore non nam doloribus blanditiis veritatis illo autem iure aliquid ullam rem tenetur deserunt velit culpa?

Item 5 Click to open

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Perferendis excepturi incidunt ipsum deleniti labore, tempore non nam doloribus blanditiis veritatis illo autem iure aliquid ullam rem tenetur deserunt velit culpa?

Current Version: 15.2.9+sha-d593195

Powered by Google LLC ©2010-2025.Code licensed under an MIT-style License.Documentation licensed under CC BY 4.0.

Indigo & Pink theme selected.

Select a version of the documentation

Select a theme for the documentation

Copy link to example

View code

Edit Accordion overview example in StackBlitz