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

import { CAccordion } from '@coreui/react'
// or
import CAccordion from '@coreui/react/src/components/accordion/CAccordion'

Property	Default	Type
activeItemKey#	-	`string`, `number`
The active item key.
alwaysOpen#	`false`	`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.

import { CAccordionBody } from '@coreui/react'
// or
import CAccordionBody from '@coreui/react/src/components/accordion/CAccordionBody'

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

import { CAccordionHeader } from '@coreui/react'
// or
import CAccordionHeader from '@coreui/react/src/components/accordion/CAccordionHeader'

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

import { CAccordionItem } from '@coreui/react'
// or
import CAccordionItem from '@coreui/react/src/components/accordion/CAccordionItem'

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.