Skip to content
UNMAINTAINED: AnimakitExpander
Branch: master
Clone or download
Latest commit 1e6facd Mar 7, 2019
Type Name Latest commit message Commit time
Failed to load latest commit information.
lib Don't use inlined arrow functions in component props/attributes. It w… Jan 17, 2018
test Update packages Oct 20, 2018
.babelrc Do not use stage-0 Feb 26, 2017
.gitignore Remove rollup. Use es6 extension May 3, 2016 2.1.4 Jan 20, 2018
LICENSE Update Mar 7, 2019
index.js Remove rollup. Use es6 extension May 3, 2016
package.json Update peer Oct 20, 2018


WARNING: Currently unmaintained because of lack of interest, activity and resources

React component for the expanding and collapsing of the blocks. Supports both vertical and horizontal mode.


<Title onClick={toggle} />
<AnimakitExpander expanded={this.state.expanded}>
  <Text />



npm install animakit-expander


Property Required Type Default Value Available Values Description
expanded true bool false true, false State of the component: expanded or collapsed
horizontal false bool false true, false If true, component will expand in horizontal direction
align false string top, bottom for the default direction or left, right for the horizontal direction Align of the content during the animation
duration false number 500 Any integer number Duration of animation
durationPerPx false number 0 Any integer number Duration of animation per pixel. Use it if you want the duration depended on the size and calculated dynamically.
easing false string ease-out Any easing function Easing function of animation


Part of Animakit. See for more details.

Sponsored by Evil Martians
You can’t perform that action at this time.