Home
About
Get started
Foundations
Tokens
Elements
- All elements
- Accordion
- Alert
- Audio player
- Avatar
- Back to top
- Badge
- Blockquote
- Breadcrumb
- Button
- Call to action
- Card
- Code block
- Dialog
- Footer
- Health index
- Navigation (primary)
- Navigation (secondary)
- Pagination
- Popover Planned
- Progress steps
- Site status
- Skip link
- Spinner
- Statistic
- Subnavigation
- Surface
- Switch
- Table
- Tabs
- Tag
- Tile
- Timestamp
- Tooltip
- Video embed
Patterns
Accessibility
Design/code status
Release notes
Get support

Accordion

Overview Style Guidelines Code Demos Accessibility

Accordion

HTML

JS

FullScreen

View source on GitHub

View In Own Tab

Accents Bottom

HTML

JS

FullScreen

View source on GitHub

View In Own Tab

Accents

HTML

JS

FullScreen

View source on GitHub

View In Own Tab

Color Context

HTML

JS

FullScreen

View source on GitHub

View In Own Tab

Large

HTML

JS

FullScreen

View source on GitHub

View In Own Tab

Nested

HTML

JS

FullScreen

View source on GitHub

View In Own Tab

Right To Left

HTML

JS

FullScreen

View source on GitHub

View In Own Tab

Accordion

Accordion

Accents Bottom

Accents

Color Context

Large

Nested

Right To Left

Red Hat legal and privacy links

Red Hat legal and privacy links

Accordion

Accordion

Accents Bottom

Accents

Color Context

Large

Nested

Right To Left

Related elements or patterns

Red Hat legal and privacy links

Red Hat legal and privacy links