@fenderdigital/react-accordion

1.6.0 • Public • Published

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.

Package Sidebar

Install

npm i @fenderdigital/react-accordion

Weekly Downloads

1

Version

1.6.0

License

UNLICENSED

Unpacked Size

13 kB

Total Files

6

Last publish

Collaborators

  • stevenhuynh
  • markv242
  • coopercodecomposer
  • sherbert
  • jcuanan
  • derduher
  • philipyun
  • theloopla
  • jemnon