Dialog
Dialogs inform users about a task and can contain critical information, require decisions, or involve multiple tasks. LvDialog helps the user to have modal and additional dialog box with their data.
#Basic Usage
LightVue comes with some stunning designs for dialog.There are different types of dialog present in lightVue you can go through this page for more info. LightVue dialog is Both compatible with Vue 2.x and Vue 3.x
#Modal
LvDialog modal is a dialog box/popup window that is displayed on top of the current page: They are a user experience convention to direct a user’s attention to a piece of content that they need to read or interact with.
#Confirmation
Confirmation dialogs require users to confirm a choice before the dialog is dismissed.
#Maximizable
Maximizable(Full-screen) dialogs fill the entire screen, containing actions that require a series of tasks to complete.
#Positions
You can open LvDialog from any direction left, right, top, bottom as shown below.
#Setup
You can import a component and register it as a local and global vue component as follows:
// import the component
import LvDialog from 'lightvue/dialog';
// Register the component locally
export default {
components: {
LvDialog
}
}// Register the component globally (Vue 2.x)
Vue.component('LvDialog', LvDialog);
// Register the component globally (Vue 3.x)
const app = Vue.createApp({
// ...
});
app.component('LvDialog', LvDialog);
app.mount('#app')
#APIs
All of the props, events and slots of the component are mentioned below: