React Accordion Component API

Accordion API

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

On this page

jsx

import { CAccordion } from '@coreui/react'

Property	Default	Type
activeItemKey	-	`string`, `number`
The active item key.
alwaysOpen	-	`boolean`
Make accordion items stay open when another item is opened
className	-	`string`
A string of all className you want applied to the base component.
flush	-	`boolean`
Removes the default background-color, some borders, and some rounded corners to render accordions edge-to-edge with their parent container.

jsx

import { CAccordionBody } from '@coreui/react'

Property	Default	Type
className	-	`string`
A string of all className you want applied to the base component.

jsx

import { CAccordionHeader } from '@coreui/react'

Property	Default	Type
className	-	`string`
A string of all className you want applied to the base component.

jsx

import { CAccordionItem } from '@coreui/react'

Property	Default	Type
className	-	`string`
A string of all className you want applied to the base component.
id	-	`string`
The id global attribute defines an identifier (ID) that must be unique in the whole document.
itemKey	-	`string`, `number`
Item key.