# @kata-kit/modal

> modal component for Wicara.

Latest version **0.7.7** (published 2019-09-25) · Apache-2.0 license · 0 weekly downloads

> **Deprecated.** This package is deprecated.

## Install

```sh
npm install @kata-kit/modal
pnpm add @kata-kit/modal
yarn add @kata-kit/modal
bun add @kata-kit/modal
```

## Health

**Score 10/100 (F)** — status: deprecated.

Negative: deprecated.

## Facts

| | |
|---|---|
| Version | 0.7.7 |
| Published | 2019-09-25 |
| First published | 2018-10-02 |
| Weekly downloads | 0 |
| License | Apache-2.0 |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 5 |
| Unpacked size | 104.4 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 194 |
| Author | Kata.ai |
| Maintainers | computecoholic, resir014, ybdev |

## Links

- npm: https://www.npmjs.com/package/@kata-kit/modal
- Repository: https://github.com/kata-ai/wicara
- Homepage: https://github.com/kata-ai/wicara#readme
- Issues: https://github.com/kata-ai/wicara/issues
- npm.io page: https://npm.io/package/@kata-kit/modal

## Dependencies (5)

- [classnames](https://npm.io/package/classnames.md) ^2.2.6
- [@kata-kit/theme](https://npm.io/package/@kata-kit/theme.md) ^0.7.2
- [@kata-kit/button](https://npm.io/package/@kata-kit/button.md) ^0.7.4
- [@kata-kit/common](https://npm.io/package/@kata-kit/common.md) ^0.7.2
- [react-custom-scrollbars](https://npm.io/package/react-custom-scrollbars.md) ^4.2.1

## Recent versions

- 0.7.7 (latest) — 2019-09-25
- 0.7.7-beta.0 (next) — 2019-09-19
- 0.7.6 — 2019-09-18
- 0.7.5 — 2019-09-18
- 0.7.4 — 2019-08-21
- 0.7.4-canary.1 — 2019-08-20
- 0.7.4-canary.0 — 2019-08-19
- 0.7.3 — 2019-05-21
- 0.7.3-canary.2 — 2019-05-21
- 0.7.3-canary.1 — 2019-05-10
- 0.7.3-canary.0 — 2019-04-19
- 0.7.2 — 2019-04-18
- 0.7.1 — 2019-04-16
- 0.7.0 — 2019-02-15
- 0.7.0-beta.2 — 2019-02-12
- … 10 more at https://npm.io/package/@kata-kit/modal/versions

## README

# @kata-kit/modal

> Modal component for Wicara.

## Install

```sh
# yarn
yarn add @kata-kit/modal
# npm
npm install @kata-kit/modal
```

## Usage

To use this component within your React app, import as follows:

```jsx
import { Modal, ModalHeader, ModalBody, ModalFooter } from '@kata-kit/modal';

const Component = () => {
  const [isOpen, setIsOpen] = React.useState(false);

  return (
    <Modal show={isOpen} onClose={() => setIsOpen(false)}>
      <ModalHeader title="Modal" />

      <ModalBody>...</ModalBody>

      <ModalFooter>...</ModalFooter>
    </Modal>
  );
};
```

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