# custom_dialogs

> Удобное диалоговое окно

Latest version **1.0.7** (published 2018-11-06) · GPL-2.0 license · 0 weekly downloads

## Install

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

## Health

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

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.7 |
| Published | 2018-11-06 |
| First published | 2018-10-30 |
| Weekly downloads | 0 |
| License | GPL-2.0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 16 |
| Unpacked size | 105.2 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Zakirjanov Rinat |
| Maintainers | zeroname |
| Keywords | dialog, modals, custom-dialog |

## Links

- npm: https://www.npmjs.com/package/custom_dialogs
- Repository: https://github.com/Rinat93/custom_modals
- Homepage: https://github.com/Rinat93/custom_modals#readme
- Issues: https://github.com/Rinat93/custom_modals/issues
- npm.io page: https://npm.io/package/custom_dialogs

## Dependencies (16)

- [webpack](https://npm.io/package/webpack.md) ^4.23.1
- [babel-cli](https://npm.io/package/babel-cli.md) ^6.26.0
- [babel-core](https://npm.io/package/babel-core.md) ^6.26.3
- [webpack-cli](https://npm.io/package/webpack-cli.md) ^3.1.2
- [babel-loader](https://npm.io/package/babel-loader.md) ^7.1.5
- [babel-runtime](https://npm.io/package/babel-runtime.md) ^6.26.0
- [babel-polyfill](https://npm.io/package/babel-polyfill.md) ^6.26.0
- [babel-preset-env](https://npm.io/package/babel-preset-env.md) ^1.7.0
- [babel-preset-es2015](https://npm.io/package/babel-preset-es2015.md) ^6.24.1
- [babel-preset-es2016](https://npm.io/package/babel-preset-es2016.md) ^6.24.1
- [babel-preset-es2017](https://npm.io/package/babel-preset-es2017.md) ^6.24.1
- [babel-preset-es2018](https://npm.io/package/babel-preset-es2018.md) ^1.0.0
- [babel-preset-stage-0](https://npm.io/package/babel-preset-stage-0.md) ^6.24.1
- [babel-preset-stage-2](https://npm.io/package/babel-preset-stage-2.md) ^6.24.1
- [uglifyjs-webpack-plugin](https://npm.io/package/uglifyjs-webpack-plugin.md) ^2.0.1
- [babel-plugin-transform-runtime](https://npm.io/package/babel-plugin-transform-runtime.md) ^6.23.0

## 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.7 (latest) — 2018-11-06
- 1.0.6 — 2018-10-30
- 1.0.5 — 2018-10-30
- 1.0.4 — 2018-10-30
- 1.0.3 — 2018-10-30
- 1.0.2 — 2018-10-30
- 1.0.1 — 2018-10-30
- 1.0.0 — 2018-10-30

## README

Кастомное модальное окно

клонируйте код и подключите к своему проекту, более нечего не требуется.

Или просто установите через npm install custom_dialogs

Для создания диалогового окна используйте кастомный tags :

    <custom-tag open_b='target' close_b='target_close'>'ALL'</custom-tag>

где аттрибут: 

    open_b - является обязательным т.к. это элемент при нажатии на которого должнен открываться диалоговое окно

    close_b - соответственно кнопка при котором происходить закрытие, однако данный аттрибуте(close_b) является не обязательным т.к.

закрытие происходить по нажатию на пустое место в экране.

События прикрепляются ко всем элемент custom-tag которое вы указали.

Для подключение библиотеки следует просто ее импортировать(если установили при помощи npm) и задать имя вашего тэга

    import {Dialog_custom} from 'dialog_custom'; // Либо через require
    new Dialog_custom('custom-tags');
    
Т.к. import/require еще не вовсех браузерах поддерживаются рекомендую использовать webpack
либо другие сборщики на ваш вкус.

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