Show/hide Component For React – react-show

react-show is a simple, lightweight, vertical show/hide content component for React.

Installation:

# Yarn
$ yarn add react-show

# NPM
$ npm install react-show --save

Usage:

import React from 'react';
import ReactShow from 'react-show';

const SimpleExample = () => (
  <ReactShow
    show={true || false}
  >
    Hello world!
  </ReactShow>
)

Default props.

show: false,
easing: 'easeOutQuad',
duration: 500,
transitionProperty: 'height',
unmountOnHide: false,
minHeight: 0,
maxHeight: 0,
height: undefined,
transitionOnMount: false,
style: {},

Preview:

react-show

Download Details:

Author: react-tools

Live Demo: View The Demo

Download Link: Download The Source Code

Official Website: https://github.com/react-tools/react-show

License: MIT

You Might Be Interested In:

Add Comment