# Vue Accordion Component API

> Explore the API reference for the Vue Accordion component and discover how to effectively utilize its props for customization.

## CAccordion

```jsx
import { CAccordion } from '@coreui/vue-pro'
```

### Props

| Name | Type | Default | Description |
| --- | --- | --- | --- |
| `activeItemKey` | `number\|string` | - | The active item key. |
| `alwaysOpen` | `boolean` | - | Make accordion items stay open when another item is opened |
| `flush` | `boolean` | - | Removes the default background-color, some borders, and some rounded corners to render accordions edge-to-edge with their parent container. |

## CAccordionHeader

```jsx
import { CAccordionHeader } from '@coreui/vue-pro'
```

## CAccordionBody

```jsx
import { CAccordionBody } from '@coreui/vue-pro'
```