# Accordion

Bundle name: `"components/accordion"`

Implementation: [accordion.css](./accordion.css)

## Classes

### `accordion-filled`

Applies to the components: `ch-accordion-render`

A filled accordion features a solid background color, making it stand out visually. It's ideal for emphasizing important sections or ensuring the accordion content is clearly distinguished from the background

### `accordion-filled-header`

Applies to the components: `ch-accordion-render`

A filled header accordion features a solid background color on the header, making it stand out visually. It's ideal for emphasizing important sections or ensuring the accordion headers are clearly distinguished from the content

### `accordion-outlined`

Applies to the components: `ch-accordion-render`

An outlined accordion features a border without a solid background, giving it a more subtle look compared to the filled version. It's perfect for when a less intrusive, cleaner appearance is preferred while still providing clear separation from the background
