Skip to content

A promise based confirm universal component, to ease things

Notifications You must be signed in to change notification settings

danielbonifacio/universal-confirm

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Universal Confirm

Live Example of Universal Confirm Component

A simple confirm action universal component, made to ease things.

Why use it

Pure javascript lightweight library, 100% independent and customizable. You can call it programmatically, without worry to connect DOM events with your framework.

How to use

import 'path/to/universal-confirm/confirm.scss' // needs sass-loader (or use .css version)
import { ask } from 'path/to/universal-confirm'

ask('Do you want to do this?')
  .then(res => {
    if (res === true) {
      alert('I knew you want it!')
    } else {
      alert('Ok. Maybe later!')
    }
  })

You can use it with javascript frameworks, like react or vue:

import Vue from 'vue'
import confirm from 'path/to/universal-confirm'

Vue.prototype.$confirm = confirm.ask
export default {
  methods: {
    async askDeletion({ name, id }) {
      const toDelete = await this.$confirm(`Do you rlly want to remove ${name} from users list?`)

      toDelete
        ? this.deleteUser(id)
        : this.$alert('Ok! It\'ll continue on base.')
    }
  }
  // ...
}

PS: If you're using nuxt or another SSR engine in your project, make sure to only load this on client version, or manually solve conflicts.

How to customize it

By default, it uses bootstrap classes and has an container, an wrapper, an text space and a actions space, with Ok or Cancel actions.

You can add or remove classes and modify the order directly from template.js file. Don't worry, it's just another vanilla way to create components from scratch.

Credits

About

A promise based confirm universal component, to ease things

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published