# mik-modal

> ### installation

Latest version **0.1.4** (published 2023-12-04) · 0 weekly downloads

## Install

```sh
npm install mik-modal
pnpm add mik-modal
yarn add mik-modal
bun add mik-modal
```

## Health

**Score 20/100 (F)** — status: abandoned.

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.4 |
| Published | 2023-12-04 |
| First published | 2023-06-26 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Unpacked size | 5.1 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | mikasa28 |

## Links

- npm: https://www.npmjs.com/package/mik-modal
- npm.io page: https://npm.io/package/mik-modal

## Dependencies (1)

- [@babel/plugin-proposal-private-property-in-object](https://npm.io/package/@babel/plugin-proposal-private-property-in-object.md) ^7.21.11

## Recent versions

- 0.1.4 (latest) — 2023-12-04
- 0.1.3 — 2023-12-04
- 0.1.2 — 2023-12-04
- 0.1.1 — 2023-11-06
- 0.1.0 — 2023-06-26

## README

# mik-modal

### installation

`npm install mik-modal`

### Usage

```javascript
import { useState } from "react";
import Modal from "mik-modal/dist/Modal";

function Example() {
  const [open, setIsOpen] = useState(false);

  const openModal = () => {
    setIsOpen(true);
  };

  const closeModal = () => {
    setIsOpen(false);
  };

  return (
    <div>
      <h1>Hello Modal</h1>
      <Modal title="Hello world" isOpened={open} closeModal={closeModal} />
      <button onClick={openModal}>Open Modal</button>
    </div>
  );
}
```

---
_Source: https://npm.io/package/mik-modal · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._