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 CAccordion
import { CAccordion } from '@coreui/react-pro'
| Property | Default | Type |
|---|
| activeItemKey | - | string, number, undefined |
The active item key. |
| alwaysOpen | - | boolean, undefined |
Make accordion items stay open when another item is opened |
| className | - | string, undefined |
A string of all className you want applied to the base component. |
| flush | - | boolean, undefined |
Removes the default background-color, some borders, and some rounded corners to render accordions edge-to-edge with their parent container. |
CAccordionBody
import { CAccordionBody } from '@coreui/react-pro'
| Property | Default | Type |
|---|
| className | - | string, undefined |
A string of all className you want applied to the base component. |
import { CAccordionHeader } from '@coreui/react-pro'
| Property | Default | Type |
|---|
A string of all className you want applied to the base component. |
CAccordionItem
import { CAccordionItem } from '@coreui/react-pro'
| Property | Default | Type |
|---|
| className | - | string, undefined |
A string of all className you want applied to the base component. |
| id | - | string, undefined |
The id global attribute defines an identifier (ID) that must be unique in the whole document. |
| itemKey | - | string, number, undefined |
Item key. |