react-modal-slider

I'm excited to introduce you react-modal-slider.

- This library based on the react-modal.
- Open and close modal (animated) from right or left side

Demo on codesandbox

Install

``npm i react-modal-slider`

`Usage`

`js import React from 'react';

import Modal from 'react-modal-slider'; import 'react-modal-slider/lib/main.css';

export default class Demo extends React.Component { state = { isOpen: false, };

toggleVisibleModal = () => { this.setState({ isOpen: !this.state.isOpen, }); };

renderCloseComponent = () => ( );

render() { return (


        
                  // default false
          isOpen={this.state.isOpen}
          // default 60%
          width={'40%'}
          // default from right
          directionFrom={'right'}
          // default Modal
          contentLabel={'Demo Modal'}
          onRequestClose={this.toggleVisibleModal}
          // optional for accessibility
          setAppElement={'#root'}
          // default false allows you to skip setAppElement prop for react-modal
          ariaHideApp={true}
          // allow you to set the maximum width of the viewport
          // at which the modal will be expanded to full screen
          maxMediaWidth={1024}
          // allows you to decorate a className or overlayClassName
          className={'string'}
          overlayClassName={'string'}
        >
          Demo content for Modal
          {this.renderCloseComponent()}


    );
  }
}