Installation

To install a component run

$ npm install @zenequityui/modal --save

Please import CSS styles via

@import '/path__to__node_modules/@zenequityui/modal/dist/index.min.css

Usage

import { Modal } from '@zenequityui/modal';

initialState = {
  isOpen: false,
};

<div>
  <Modal
    isOpen={state.isOpen}
    onKeyDown={(event) => {
      setState({ isOpen: false });
    }}
    onClose={() => {
      setState({ isOpen: false });
    }}
  >
    <div>Modal Box</div>
  </Modal>

  <button
    type="button"
    className="zenequity-button"
    onClick={() => {
      setState({ isOpen: !state.isOpen });
    }}
  >
    Modal
  </button>
</div>