react-accessible-modaldeprecated

Accessible modal dialog component for React

Usage no npm install needed!

<script type="module">
  import reactAccessibleModal from 'https://cdn.skypack.dev/react-accessible-modal';
</script>

README

react-accessible-modal npm Build Status Coverage Status

Accessible modal dialog component for React. Originally a fork of reactjs/react-modal.

Check out the online demo!

Usage

npm install --save react-accessible-modal

Include your modal component

import Modal from 'react-accessible-modal';

<Modal
    isOpen={true}
    label="Hello modal!"
    onRequestClose={this.closeModal}
    onAfterClose={this.destroyModal}
>
    <div>
        Hello!
    </div>
</Modal>

Development

Install

Clone the project on your computer, and install Node. This project also uses nvm.

nvm install
# Then, install all project dependencies.
npm install
# Install the git hooks.
./.githooks/deploy

Working on the project

Everything mentioned in the installation process should already be done.

# Make sure you use the right node version.
nvm use
# Start the server and the development tools.
npm run start
# Runs linting.
npm run lint
# Runs tests.
npm run test
# View other available commands with:
npm run

Releases

  • Make a new branch for the release of the new version.
  • Update the CHANGELOG.
  • Update the version number in package.json, following semver.
  • Make a PR and squash merge it.
  • Back on master with the PR merged, follow the instructions below.
npm run dist
# Use irish-pub to check the package content. Install w/ npm install -g first.
irish-pub
npm publish
  • Finally, go to GitHub and create a release and a tag for the new version.
  • Done!