@ayarayarovich/react-modals/README.md

Modals manager for React

<p align="center">
  <a href="https://github.com/ayarayarovich/react-modals" target="\_parent"><img src="https://raw.githubusercontent.com/ayarayarovich/react-modals/refs/heads/main/assets/logo.svg" alt="Factory emoji" height="130"></a>
</p>

<h1 align="center">React Modals</h1>

<p align="center">
  <a href="https://www.npmjs.com/package/@ayarayarovich/react-modals" target="\_parent"><img src="https://badgen.net/npm/v/@ayarayarovich/react-modals" alt="Latest published version"></a>
  <a href="https://bundlephobia.com/package/@ayarayarovich/react-modals@latest" target="\_parent"><img src="https://badgen.net/bundlephobia/minzip/@ayarayarovich/react-modals" alt="Bundlephobia"></a>
  <a href="https://bundlephobia.com/package/@ayarayarovich/react-modals@latest" target="\_parent"><img src="https://badgen.net/bundlephobia/tree-shaking/@ayarayarovich/react-modals" alt="Tree shaking available"></a>
  <a href="https://github.com/ayarayarovich/react-modals" target="\_parent"><img src="https://badgen.net/npm/types/@ayarayarovich/react-modals" alt="Types included"></a>
  <a href="https://www.npmjs.com/package/@ayarayarovich/react-modals" target="\_parent"><img src="https://badgen.net/npm/license/@ayarayarovich/react-modals" alt="License"></a>
  <a href="https://www.npmjs.com/package/@ayarayarovich/react-modals" target="\_parent"><img src="https://badgen.net/npm/dt/@ayarayarovich/react-modals" alt="Number of downloads"></a>
  <a href="https://github.com/ayarayarovich/react-modals" target="\_parent"><img src="https://img.shields.io/github/stars/ayarayarovich/react-modals.svg?style=social&amp;label=Star" alt="GitHub Stars"></a>
</p>

<p align="center">
  <strong>Typesafe modals management for React with queue features.</strong>
</p>

<p align="center">
  Focus on "opening" modals instead of the the hassle of keeping numerous `useState` hooks to keep all your modals in sync. Just define modal. Then open it from anywhere you want! This lib will take care of the rest.
</p>

## 📦 Install
React Modals is available as a package on NPM, install with your favorite package manager:

```dircolors
npm install @ayarayarovich/react-modals
```