vue-dialog-library

Vue dialogs library

It allows you to call the dialog from code like window.alert() and wait for user's answer.

• Vue3 based component.

Instalation

npm

npm install vue-dialog-library

Usage

You can use it locally.

Locally

• component.vue

import "vue-dialog-library/dist/styles.css";
import { AlertDialog } from "vue-dialog-library";


const alertDialogRef = ref<InstanceType<typeof AlertDialog>>();

const showCustomAlert = async (): Promise<void> => {
  // Your code
  const result = await alertDialogRef.value?.show(
    "Ooops, something went wrong!"
  );
  // Your code
};

<template>
  <AlertDialog :title="'ok'" ref="alertDialogRef" />
</template>

Props

• Alert dialog

Name	Type	Default	Description
title	String	Alert	Title on the top side of dialog
btnOkText	String	OK	Text on button

• Confirm dialog

Name	Type	Default	Description
title	String	Confirm	Title on the top side of dialog
btnOkText	String	Confirm	Text on button
btnCancelText	String	Cancel	Text on button
alert	Boolean	false	Styling property