53 lines
1.4 KiB
Plaintext
53 lines
1.4 KiB
Plaintext
{
|
|
"Vuetify Menu -- Parent Activator": {
|
|
"prefix": "v-menu",
|
|
"body": [
|
|
"<v-btn color=\"primary\">",
|
|
" Activator",
|
|
" <v-menu activator=\"parent\">",
|
|
" <v-list>",
|
|
" <v-list-item",
|
|
" v-for=\"(item, index) in ['apple', 'banana', 'cherry']\"",
|
|
" :key=\"index\"",
|
|
" :value=\"index\"",
|
|
" >",
|
|
" <v-list-item-title>{{ item }}</v-list-item-title>",
|
|
" </v-list-item>",
|
|
" </v-list>",
|
|
" </v-menu>",
|
|
"</v-btn>"
|
|
],
|
|
"description": "We use menu component with parent activator mostly because it is compact and easy to understand."
|
|
},
|
|
"Vuetify CSS variable": {
|
|
"prefix": "v-css-var",
|
|
"body": [
|
|
"rgb(var(--v-${1:theme}))"
|
|
],
|
|
"description": "Vuetify CSS variable"
|
|
},
|
|
"Icon only button": {
|
|
"prefix": "IconBtn",
|
|
"body": [
|
|
"<IconBtn>",
|
|
" <VIcon icon=\"ri-${1}\" />",
|
|
"</IconBtn>"
|
|
],
|
|
"description": "Icon only button"
|
|
},
|
|
"Radio Group": {
|
|
"prefix": "v-radio-grp",
|
|
"body": [
|
|
"<v-radio-group v-model=\"${1:modelValue}\">",
|
|
" <v-radio",
|
|
" v-for=\"item in ['apple', 'banana', 'cherry']\"",
|
|
" :key=\"item\"",
|
|
" :label=\"item\"",
|
|
" :value=\"item\"",
|
|
" />",
|
|
"</v-radio-group>"
|
|
],
|
|
"description": "Radio Group"
|
|
}
|
|
}
|