https://github.com/gugutz/vanilla-dialogs

Promise-based confirm, alert and prompt dialogs
https://github.com/gugutz/vanilla-dialogs

Last synced: 27 days ago
JSON representation

Promise-based confirm, alert and prompt dialogs

• Host: GitHub
• URL: https://github.com/gugutz/vanilla-dialogs
• Owner: gugutz
• License: mit
• Created: 2017-07-11T00:50:39.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2017-10-18T18:08:36.000Z (about 7 years ago)
• Last Synced: 2024-11-28T23:13:49.891Z (about 1 month ago)
• Language: JavaScript
• Size: 446 KB
• Stars: 4
• Watchers: 2
• Forks: 0
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# vanilla-dialogs

[![Travis](https://img.shields.io/travis/thiamsantos/vanilla-dialogs.svg)](https://travis-ci.org/thiamsantos/vanilla-dialogs)

[![npm (scoped)](https://img.shields.io/npm/v/vanilla-dialogs.svg)](https://www.npmjs.com/package/vanilla-dialogs)

> Promise-based confirm, alert and prompt dialogs

![demo](demo.gif)

## Table of Contents

- [Install](#install)

- [Usage](#usage)

- [License](#license)

## Install

This project uses [node](http://nodejs.org) and [npm](https://npmjs.com).

Go check them out if you don't have them locally installed.

```sh

$ npm install --save vanilla-dialogs

```

## Usage

```js

import {alert, confirm, prompt} from 'vanilla-dialogs'

alert('Lorem ipsum dolor sit amet.').then(() => {

  console.log('closed')

})

alert('Vestibulum commodo nunc a mauris interdum.', {

    confirmText: 'Wow'

  }).then(() => {

  console.log('closed')

})

confirm('Donec quis leo vitae sem placerat sagittis.').then(result => {

  console.log('result:', result)

})

confirm('Morbi elementum ex vestibulum porttitor sodales.', {

  cancelText: 'Close',

  confirmText: 'Wow'

}).then(result => {

  console.log('result:', result)

})

prompt('Donec quis leo vitae sem placerat sagittis?').then(result => {

  console.log('result:', result)

})

prompt('Donec quis leo vitae sem placerat sagittis?', {

  regex: /\d$/g

}).then(result => {

  console.log('result:', result)

})

prompt('Donec quis leo vitae sem placerat sagittis?', {

  cancelText: 'Wtf?',

  confirmText: 'Send'

}).then(result => {

  console.log('result:', result)

})

prompt('Donec quis leo vitae sem placerat sagittis?', {

  defaultValue: 'Hey man'

}).then(result => {

  console.log('result:', result)

})

```

## License

[MIT License](LICENSE) © [Thiago Santos](https://thiamsantos.github.io/)