Accordion for Fender React UI Kit
Description
The Accordion component is used to expand and collapse content.
Installation and Usage
yarn add @fenderdigital/react-accordion --save
import Accordion from '@fenderdigital/react-accordion';Props
- children - renders any child elements
- disableTriangle - hides the up/down triangle arrow
- hasAnimation - enables animations for the expanded / collapsed states
- icon - accepts an icon element that renders to the left of the label
- isVisible - the current collapsed / expanded state
- label - the button label
- onCallback - callback after the visibility state is set
- styles - tachyon classes for the button
- transition - accepts a prop for transtion effects
| propName | propType | defaultValue | isRequired |
|---|---|---|---|
| children | node | null | - |
| disableTriangle | node | null | - |
| hasAnimation | boolean | true | - |
| icon | node | null | - |
| isVisible | boolean | false | - |
| label | string | null | - |
| onCallback | func | () => {} | - |
| styles | func | flex | - |
| transition | string | null | - |
Development
Check the Monorepo README for development documentation.