# projet-14-library

> modal projet 14

Latest version **1.0.6** (published 2022-09-06) · MIT license · 0 weekly downloads

## Install

```sh
npm install projet-14-library
pnpm add projet-14-library
yarn add projet-14-library
bun add projet-14-library
```

## 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.6 |
| Published | 2022-09-06 |
| First published | 2022-08-25 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Node | >=10 |
| Dependencies | 0 |
| Unpacked size | 7.7 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | LascanTeki |
| Maintainers | lascan |
| Keywords | modal, OpenClasroom |

## Links

- npm: https://www.npmjs.com/package/projet-14-library
- Repository: https://github.com/LascanTeki/projet-14-library
- Homepage: https://github.com/LascanTeki/projet-14-library#readme
- Issues: https://github.com/LascanTeki/projet-14-library/issues
- npm.io page: https://npm.io/package/projet-14-library

## Alternatives

- [react-native-root-siblings](https://npm.io/package/react-native-root-siblings.md) — 102.9K weekly downloads
- [@praxisui/dialog](https://npm.io/package/@praxisui/dialog.md) — 2.0K weekly downloads
- [easy-toggle-state](https://npm.io/package/easy-toggle-state.md) — 350 weekly downloads
- [ngx-lightbox-evp](https://npm.io/package/ngx-lightbox-evp.md) — 19 weekly downloads
- [react-native-modal-translucent-axton](https://npm.io/package/react-native-modal-translucent-axton.md) — 4 weekly downloads

## Recent versions

- 1.0.6 (latest) — 2022-09-06
- 1.0.5 — 2022-09-06
- 1.0.4 — 2022-08-26
- 1.0.3 — 2022-08-26
- 1.0.2 — 2022-08-26
- 1.0.1 — 2022-08-26
- 1.0.0 — 2022-08-25

## README

# projet-14-library

> modal projet 14

[![NPM](https://img.shields.io/npm/v/projet-14-library.svg)](https://www.npmjs.com/package/projet-14-library) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

library crated for the project 14 of OpenClassroom

## Install

```bash
npm install --save projet-14-library
```

## Usage

Put the element you want inside of the Modal element, your element behaves like a normal div, which you can entirely customize via css live your own divs. 
Only things added will be the cross permiting to exit the modal and the dark background.
The open function will open the modal for you.

Exemple:
```jsx
import modal from 'projet-14-library'
import 'projet-14-library/dist/index.css';

var {Modal, open} = modal

function Yourfunction() {
    return (
        <Modal><div id="Yourelement">content</div></Modal>
        <button onClick={open}></button>
    )
}
```
Exemple of the modal in action:

![Modal](https://user-images.githubusercontent.com/3365635/87249485-61b44d00-c42d-11ea-9372-00d13e6b6b12.png)

## License

MIT © [LascanTeki](https://github.com/LascanTeki)

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