react-plain-modal
TypeScript icon, indicating that this package has built-in type declarations

2.0.2 • Public • Published

react-plain-modal 🐣

Extremely simple React modal


Installation

npm i --save react-plain-modal

Usage

import { Modal } from 'react-plain-modal';

class App extends Component {
  state = {
    isModalOpen: false,
  };

  openModal = () => {
    this.setState({ isModalOpen: true });
  };

  closeModal = () => {
    this.setState({ isModalOpen: false });
  };

  render() {
    return (
      <div>
        <button onClick={this.openModal}>Open Modal</button>

        <Modal isOpen={this.state.isModalOpen} onClose={this.closeModal}>
          <div>Content</div>
          <button onClick={this.closeModal}>Close Modal</button>
        </Modal>
      </div>
    );
  }
}

Readme

Keywords

Package Sidebar

Install

npm i react-plain-modal

Weekly Downloads

22

Version

2.0.2

License

MIT

Unpacked Size

14.4 kB

Total Files

15

Last publish

Collaborators

  • _rjosefsson
  • rjosefsson