You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+15-7Lines changed: 15 additions & 7 deletions
Original file line number
Diff line number
Diff line change
@@ -1,6 +1,14 @@
1
1
# Vuetify 3 Dialog
2
2
Lite Vue plugin working with Vuetify, allowing you to show dialogs or snackbars programatically.
3
3
4
+
## Summary
5
+
-[Installation](#install-it)
6
+
-[Usage](#usage)
7
+
-[Dialogs](#dialogs)
8
+
-[Snackbars](#snackbars)
9
+
-[SFC compatibility](#sfc-compatibility)
10
+
-[Developers](#developers)
11
+
4
12
## Install it
5
13
First, run `npm install vuetify3-dialog`.
6
14
**⚠️You must have Vuetify installed on your project. If you don't have installed yet, please follow this link : [Install Vuetify](https://vuetifyjs.com/en/getting-started/installation/)**
@@ -34,12 +42,11 @@ this.$dialog.create({
34
42
title:"My title",
35
43
text:"My dialog message",
36
44
buttons: [
37
-
{ title:'My first button', key:'button1' },
38
-
{ title:'My second button', key:'button2' },
39
-
{ title:'My third button', key:'button3' },
45
+
{ title:'My first button', key:'button1', /* any v-btn api option */ },
46
+
...
40
47
],
41
48
cardOptions: {
42
-
//any v-card api option
49
+
//any v-card api options
43
50
}
44
51
}).then((anwser) => {
45
52
//Do something with the anwser corresponding to the key of the clicked button
@@ -59,7 +66,8 @@ You can also create a simple dialog with a message and a title, by precizing lev
59
66
this.$dialog.info(
60
67
"My dialog message",
61
68
"My title", //optional
62
-
{ width:'500px'} //optional v-card api option
69
+
{ width:'500px'} //optional v-card api options,
70
+
{ variant:'outlined' } //optional v-btn api options
63
71
).then(() => {
64
72
//Do something when the user close the dialog
65
73
})
@@ -79,7 +87,7 @@ this.$notify.create({
79
87
level:'success',
80
88
location:'top right',
81
89
notifyOptions: {
82
-
//any v-snackbar api option
90
+
//any v-snackbar api options
83
91
}
84
92
})
85
93
.then(() => {
@@ -91,7 +99,7 @@ You can also create a simple snackbar with a message and a title, by precizing l
91
99
```js
92
100
this.$notify.info(
93
101
"My snackbar message",
94
-
{ variant:'outlined' } // any v-snackbar api option
102
+
{ variant:'outlined' } // any v-snackbar api options
0 commit comments