kielan/react-redux-modal

A React modal bound to the Redux store.

react-redux-modal

A React modal connected to the Redux store.

Credit

This implementation is primarily based off this StackOverflow answer by Dan Abramov.

Features

• Stores the following information in the Redux store:
  • Whether the modal is visible (isVisible)
  • The modal type (modalType)
  • Data for the modal being rendered (modalProps)
  • Configuration object for customising the modal behavior (settingsProps which contain shouldHideOnOverlayClick and shouldHideOnEscapeKeyDown)
• Exposes class name hooks for styling of modal subcomponents
• Allows server-side rendering of the modal

Example

$ git clone
$ npm install react redux react-redux
$ npm install
$ npm install --global gulp
$ gulp example --open

Installation

Install via npm:

$ npm i --save @yuanqing/react-redux-modal

Prior art

• react-modal

License

MIT