Skip to content

Instantly share code, notes, and snippets.

@teezzan
Created June 10, 2020 22:54
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save teezzan/ebb5ab935683c90ff1a4128a7236d0d5 to your computer and use it in GitHub Desktop.
Save teezzan/ebb5ab935683c90ff1a4128a7236d0d5 to your computer and use it in GitHub Desktop.
Vuetify Template
<div id="app">
<v-modal>
<v-btn slot="activator" primary >open</v-btn>
<v-container class="modal-container">
<v-select v-model="item" :items="items">
</v-container>
</v-modal>
</div>
new Vue({
el: '#app',
data() {
return {
item: null,
items: [
{
text: "a"
},
{
text: "b"
},
{
text: "c"
},
]
}
}
})
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script src="https://unpkg.com/vuetify/dist/vuetify.min.js"></script>
.modal-container {
height: 400px;
background: #FFF;
}
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Material+Icons" rel="stylesheet" />
<link href="https://unpkg.com/vuetify/dist/vuetify.min.css" rel="stylesheet" />
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment