JSPM

  • Created
  • Published
  • Downloads 157357
  • Score
    100M100P100Q156033F
  • License MIT

Component-wrapper for collapse animation with react-motion for elements with variable (and dynamic) height

Package Exports

  • react-collapse

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-collapse) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

react-collapse

Gitter

Circle CI Coverage Status Dependency Status devDependency Status

Component-wrapper for collapse animation with react-motion for elements with variable (and dynamic) height

React Collapse

Installation

npm

npm install --save react-collapse

bower

// TODO

Demo

http://nkbt.github.io/react-collapse/example

Codepen demo

// TODO

Usage

<Collapse isOpened={true || false}>
  <div>Random content</div>
</Collapse>

Options

isOpened: PropTypes.boolean.isRequired

Expands or collapses content

children: PropTypes.node.isRequired

One or multiple children with static, variable or dynamic height

Pass-through props

All other props are applied to a container that is being resized. So it is possible to pass style or className, for example.

Development and testing

To run example covering all ReactCollapse features, use npm start, which will compile src/example/Example.js

git clone git@github.com:nkbt/react-collapse.git
cd react-collapse
npm install
npm start

# then
open http://localhost:8080

License

MIT