# @simplexd/dialog

> A class to create dialog.

Latest version **1.0.1** (published 2019-07-13) · ISC license · 0 weekly downloads

## Install

```sh
npm install @simplexd/dialog
pnpm add @simplexd/dialog
yarn add @simplexd/dialog
bun add @simplexd/dialog
```

## 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.1 |
| Published | 2019-07-13 |
| First published | 2019-07-13 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 49.8 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Simple |
| Maintainers | simplexd |
| Keywords | dialog |

## Links

- npm: https://www.npmjs.com/package/@simplexd/dialog
- Repository: https://github.com/SimpleCodeCX/simple-dialog
- Homepage: https://github.com/SimpleCodeCX/simple-dialog#readme
- Issues: https://github.com/SimpleCodeCX/simple-dialog/issues
- npm.io page: https://npm.io/package/@simplexd/dialog

## 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.1 (latest) — 2019-07-13
- 1.0.0 — 2019-07-13

## README

[@simplexd/dialog](https://www.npmjs.com/package/@simplexd/dialog)
====================================
A class to create dialog.

[dialog-demo](http://www.cxdsimple.com/dialog-demo/)

## Install

```javascript
npm install --save @simplexd/dialog
```

## Usage

```javascript
// commonjs
const Dialog = require('@simplexd/dialog');
const dialog = new Dialog();
dialog.open();
```

or 

```javascript
// es6 module
import Dialog from '@simplexd/dialog';
const dialog = new Dialog();
dialog.open();
```

or 

```javascript
// html script
<link rel="stylesheet" href="${your-asset-src-path}/simple-dialog.min.css">
<script src="${your-asset-src-path}/simple-dialog.min.js"></script>
const dialog = new SimpleDialog();
dialog.open();
```

## Example

```javascript
  const dialog1 = new Dialog();
  dialog1.open();
  dialog1.close();

  const dialog2 = new Dialog({
    title: 'dialog2 title',
    text: 'this is dialog2'
  });
  dialog2.open();
  dialog2.close();

  const dialog3 = new Dialog({
    title: 'normal dialog3',
    text: 'this is dialog3',
    size: 'normal' || 'small' || 'large'
  });
  dialog3.open();
  dialog3.close();
```

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