# veb-modal

> a modal pluggin for react

Latest version **1.0.0** (published 2023-10-31) · ISC license · 0 weekly downloads

## Install

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

## Health

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

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.0 |
| Published | 2023-10-31 |
| First published | 2023-10-05 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 5 |
| Unpacked size | 29.4 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | v.e.b |
| Maintainers | v.e.b |

## Links

- npm: https://www.npmjs.com/package/veb-modal
- Repository: https://github.com/VEBoris/react-modal
- Homepage: https://github.com/VEBoris/react-modal#readme
- Issues: https://github.com/VEBoris/react-modal/issues
- npm.io page: https://npm.io/package/veb-modal

## Dependencies (5)

- [veb-modal](https://npm.io/package/veb-modal.md) ^0.4.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.17.0
- [@testing-library/user-event](https://npm.io/package/@testing-library/user-event.md) ^13.5.0

## Recent versions

- 1.0.0 (latest) — 2023-10-31
- 0.4.6 — 2023-10-19
- 0.4.5 — 2023-10-18
- 0.4.4 — 2023-10-12
- 0.4.3 — 2023-10-12
- 0.4.2 — 2023-10-12
- 0.4.1 — 2023-10-12
- 0.4.0 — 2023-10-12
- 0.3.9 — 2023-10-12
- 0.3.8 — 2023-10-12
- 0.3.7 — 2023-10-12
- 0.3.6 — 2023-10-12
- 0.3.5 — 2023-10-06
- 0.3.4 — 2023-10-06
- 0.3.3 — 2023-10-06
- … 5 more at https://npm.io/package/veb-modal/versions

## README

##Description :

a modal pluggin for react

##Installation :

npm install --save veb-modal

##Usage :

The Modal component needs 5 props :

    {text} : the text to display in the modal
    {closeModal} : the function to close the modal (you have to add it closing function in your file)
    {styleModalBody} : the style of the modal
    {styleButton} : the style of the button
    {styleText} : the style of the text

##Example :

import React, { useState } from 'react'
import Modal from 'veb-modal'
import 'react-modal-component-library/dist/index.css'

function Example () {
    const [modalVisible, setModalVisible] = useState(false);

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

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

    return (
      <div> 
        <button onClick={openModal}> Open Modal </button>
        {modalVisible && <Modal text="Employee Created !" closeModal={closeModal} />}
      </div>
    )
}

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