Accordion - Keep React
Table of Contents#
Default Accordion#
The default Accordion component allows users to reveal and hide content by simply clicking on the disclosure button.
Flush Accordion#
Control the initial state of accordion panels with the flush
property.
Accordion First Open Panel#
Use the openFirstPanel
property to set the first accordion panel to be open by default.
Disabled Accordions#
Control user interactions by making specific AccordionPanel components non-interactive with the disabled
property.
API Reference#
Explore the available props for the Accordion component
Property | Description | Type | Default |
---|---|---|---|
openFirstPanel | Keep first panels always open. | boolean | false |
flush | Accordion without outer border and and background color | boolean | false |
disabled | Disable interaction with the accordion. | boolean | false |