## Modal

[![NPM](https://img.shields.io/npm/l/@unleashit/navigation.svg)](https://github.com/unleashit/npm-library/blob/master/LICENSE)
[![npm (scoped)](https://img.shields.io/npm/v/@unleashit/modal.svg)](https://www.npmjs.com/package/@unleashit/modal)
[![npm bundle size](https://img.shields.io/bundlephobia/minzip/@unleashit/modal.svg)](https://bundlephobia.com/result?p=@unleashit/modal)

Customizable React modal component. Optional animation support when adding/removing from DOM.

![modal component](https://raw.githubusercontent.com/unleashit/npm-library/master/packages/modal/modal.png)

### Features

- Lightweight modal component.
- Animation support: optionally adds animation classes when adding/removing from DOM.
- Custom header and/or footer.
- Portal free. Detects the highest z-index to place modal above other elements without having to insert markup at the root.
- Default CSS with light/dark mode available
- CSS module support can override internal styles with a custom module.

### Install

```
npm install @unleashit/modal
```

### Documentation

https://unleashit.github.io/npm-library/components/modal

### Demo

https://npm-library-demo.vercel.app/modal