# Modal State

## Getting Started

You can use this react hook to control your modal more easily. It provides a better code representation of modal state, which is useful when you are managing multiple modals. Also you can attach callbacks for every action of modal, like opening and closing of modal.

## Installation

To install and set up the library, run:

```sh
npm install -S modal-state
```

Or if you prefer using Yarn:

```sh
yarn add --dev modal-state
```

## How to use

```jsx
const Component = () => {
  const modal = useModal();

  return (
    <body>
      <button onClick={modal.open}>Open modal</button>
      <Modal isOpen={modal.isOpen} onClose={modal.close}></Modal>
    </body>
  );
};
```

### Attach callbacks

```jsx
const modal = useModal({
  onClose: () => {
    //gets executed when modal is closed
  },
  onOpen: () => {
    //gets executed when modal is opened
  },
});
```


Control your modal more easily with useModal hook. 

Control your modal more easily with useModal hook

modal-state

Getting Started

Installation

How to use

Attach callbacks

Keywords

Related posts