A plugin dedicated for vue3 to show confirm dialog modal

Overview

v3confirm

codecov semantic-release

A plugin dedicated for vue3 to show confirm dialog modal. Currently the plugin works only with composition api.

Installation

The plugin can be installed by npm or yarn.

NPM

npm install v3confirm --save

Yarn

yarn add v3confirm

Usage

import { createApp } from 'vue'
import VueConfirmPlugin from 'v3confirm'
import App from '@/App.vue'

const app = createApp(App)
app.use(VueConfirmPlugin, {
  root: '#confirm',
  yesText: 'Yes',
  noText: 'No',
})
app.mount('#app')

Remember to have a html handler somewhere with id provided in root option. For example in App.vue:

">
<template>
  <div id="confirm">div>
template>

Then in component with composition api:

Options

root

Type: string

Default: none

An HTML element where confirm dialog is attached. It should be empty.

yesText

Type string

Default: 'yes'

A text used for confirm button.

noText

Type string

Default: 'no'

A text used for decline button.

Styles

This project is using bulma.io styles. If your project is not using bulma, then you can style confirm for your own or import bulma modal.

@import "bulma/sass/utilities/_all.sass"
@import "bulma/sass/components/modal.sass"
Issues
Releases(v1.1.1)
Vue.js component for a11y-dialog

Vue A11yDialog This is a Vue.js wrapper component for [email protected] (demo). Vue 2 and 3 The newest major release of this package comes with Vue 3

Moritz Kröger 68 May 20, 2021
Easy dialogs in Vuetify.js framework

vuetify-dialog This module will help you work with vuetify dialogs without annoying templates Implementation of vuedl dialog helper with Vuetify.js fr

Yaroslav 168 Jun 10, 2021
🍕Vue Final Modal is a tiny, renderless, mobile-friendly, feature-rich modal component for Vue.js.

Vue Final Modal Looking for a Vue 3 version? It's over here ?? Documentation ?? Examples Introduction Vue Final Modal is a renderless component! You c

Vue Final 174 Jun 12, 2021
Vue.js component for accessible modals

vue-accessible-modal Vue.js component for accessible modals. vue-accessible-modal Features Demo Installation Via NPM Via Yarn Initialization As a plug

Andrew 15 May 3, 2021
Promisify dialogs in Vue!

Guide & Demo | 2.x docs | 1.x docs Introduction Promisify dialogs! A typical and essential type of user interaction is dialogs. Dialogs are somehow si

Jingkun Hua 269 Jun 4, 2021
Simple vue draggable dialog

vue-dialog-drag Simple draggable dialog Demo Features: Drag & Drop Touch support (only for drag, not for drop) Drop area component 'Pin mode', to lock

emi 148 Jun 8, 2021
Simple and intuitive, highly customizable modal component for Vue.js.

Transform Vue.js 2.0+ component into modal with powerful layout and transition support

Yuqiao Chen 6 May 7, 2021
A plugin dedicated for vue3 to show confirm dialog modal

A plugin dedicated for vue3 to show confirm dialog modal. Currently the plugin works only with composition api.

Lukasz Malek 0 Jun 1, 2021
Reusable Modal component, supports own custom HTML, text and classes.

Vue Modal ?? Intro Reusable Modal component, supports own custom HTML, text and classes and/or passing a component. Featuring multiple modal content /

Mel Macaluso 26 Dec 2, 2020
Extends vuetify.js confirm dialog

Vuetify.js confirm dialog This module extends vuetify confirm dialog. Demo page See the demo Open the demo in Codesandbox Setup Install the package fr

Yaroslav 130 May 28, 2021
Vue modals with a single component

Vuedals VueJS (2.x) Plugin for multiple modals windows with a single component instance. DEMO View demo on jsFiddle What is this? A plugin to open sto

Javis V. Pérez 103 May 24, 2021
Easy-to-add Share functionality for your Laravel project

Laravel Inertia ShareDialog Add a share functionality to your Laravel projects: Introduction ShareDialog is a composer package for Laravel

GeekyAnts 14 Apr 19, 2021
Vue modal component for Semantic-Ui no jquery

Vue-Semantic-Modal Modal component for semantic-ui without jQuery Example Usage <modal v-model="showModal"> <p slot="header">Confirmation needed<

David Desmaisons 44 Aug 29, 2020
Vue modal component for Semantic-Ui no jquery

Vue-Semantic-Modal Modal component for semantic-ui without jQuery Example Usage <modal v-model="showModal"> <p slot="header">Confirmation needed<

David Desmaisons 44 Aug 29, 2020