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.