Blog Detail


Gitart Vue Dialog - A customizable Dialog/Modal for Vue 3 cover image

arrow_back Gitart Vue Dialog - A customizable Dialog/Modal for Vue 3

Michael has introduced a beautiful & customizable Dialog/Modal Vue 3 Package. With the help of Gitart Vue Dialog, you can easily stylize your dialogues according to your need. You can launch them programmatically and run your dialogs from any method without inserting them into the template. You can see the Demo here.


Here you can see the Types of this dialog:


Remember that the package only works with Vue 3


You can install this package via Npm or Yarn.


npm install gitart-vue-dialog


yarn add gitart-vue-dialog


After the Installation, You should import the Dialog component somewhere in your script file or Vue component.

import "gitart-vue-dialog/dist/style.css";
import { GDialog, plugin } from "gitart-vue-dialog";


After the setup, you can use this component in your file or vue component.

<GDialog v-model="value">
  Your Content...

<button @click="onOpen">Open Dialog</button>
// YourComponent.vue
import { GDialog } from 'gitart-vue-dialog'

export default {
  components: {
  data: () => ({
    value: false,
  methods: {
    onOpen() {
      this.value = true

If you want to explore this package,then you can view its whole documentation on its Official Website.

Published at : 06-10-2021

Author : Rizwan Aslam
Rizwan Aslam

I am a highly results-driven professional with 12+ years of collective experience in the grounds of web application development especially in laravel, native android application development in java, and desktop application development in the dot net framework. Now managing a team of expert developers at Codebrisk.

Launch your project

Launch project