# cj_hrnet_modal_plugin

> This is a modal converted from jquery to react.

Latest version **0.2.1** (published 2023-02-03) · 0 weekly downloads

## Install

```sh
npm install cj_hrnet_modal_plugin
pnpm add cj_hrnet_modal_plugin
yarn add cj_hrnet_modal_plugin
bun add cj_hrnet_modal_plugin
```

## 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.2.1 |
| Published | 2023-02-03 |
| First published | 2023-01-27 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 4 |
| Unpacked size | 5.4 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | srilo |

## Links

- npm: https://www.npmjs.com/package/cj_hrnet_modal_plugin
- Repository: URL_OF_YOUR_REPOSITORY
- npm.io page: https://npm.io/package/cj_hrnet_modal_plugin

## Dependencies (4)

- [web-vitals](https://npm.io/package/web-vitals.md) ^2.1.4
- [@testing-library/react](https://npm.io/package/@testing-library/react.md) ^13.4.0
- [@testing-library/jest-dom](https://npm.io/package/@testing-library/jest-dom.md) ^5.16.5
- [@testing-library/user-event](https://npm.io/package/@testing-library/user-event.md) ^13.5.0

## Recent versions

- 0.2.1 (latest) — 2023-02-03
- 0.2.0 — 2023-02-03
- 0.1.9 — 2023-02-03
- 0.1.8 — 2023-02-02
- 0.1.7 — 2023-02-02
- 0.1.6 — 2023-01-31
- 0.1.5 — 2023-01-31
- 0.1.4 — 2023-01-31
- 0.1.3 — 2023-01-31
- 0.1.2 — 2023-01-31
- 0.1.1 — 2023-01-31
- 0.1.0 — 2023-01-31
- 1.0.0 — 2023-01-27

## README

# Plugin modal react

This is a modal converted from jquery to react.

It is publish to [NPM](<[NPM](https://www.npmjs.com/package/hrnet-react-plugin)>).

This project was initialized using Create React App.

To install it you need node and npm and use the command

`npm install`

To run the project use the command

`npm run start`

There is an example of the Modal component in App.js.

To edit this projects, do your changes, commit them and don't forget to publish the plugin :

```
npm login
npm run publish:npm
npm publish
```

To use it in your project you need to install it first from npm :

`npm i cj_hrnet_modal_plugin`

Then you have to import it :

`import Modal from "cj_hrnet_modal_plugin";`

And use the code bellow :

```
<Modal
  show={showModal}
  closeCallback={showCallback}
  style={{ backgroundColor: "green" }}
  >
    Content oh the modal
    <strong>content</strong>
</Modal>
```

The `show` props is a boolean, if true the modal is show, if false the modal is hidden.

The `closeCallback` props is a callback function that must be call to close the modal by changing the `show` props. You can additionnaly add specific behavior in this function. It is call when customer click on the cross.

The `style` props may contain additionnal style to customize the modal.

The children props can contain text or html that will be render into the modal.

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