Vuetify Basic

by agreyfield91

HTML

<link rel="stylesheet" href="https://unpkg.com/vuetify@0.14.8/dist/vuetify.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.4.2/vue.js"></script>
<script src="https://unpkg.com/vuetify@0.14.8/dist/vuetify.min.js"></script>
<link href='https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Material+Icons' rel="stylesheet" type="text/css">
<div id="app">
<v-app>
        <v-select
          :items="items"
          label="Standard"
          class="select"
        ></v-select>
        
       
        
        </v-app>
</div>

CSS

/**working**/
.select {
  width: 50%;
  background: lightblue;
}


/** not working**/
.menu__content {
  top: 200px;
}

JavaScript

Vue.use(Vuetify);

var vm = new Vue({
	el: "#app",
  data: {
  	fake: undefined,
  	newName: undefined,
    newNumber: undefined,
  	items: ['Foo', 'Bar', 'Fooo'
    ],
  	headers: [
    	{ text: "Name", value: 'name' },
      { text: "Number", value: 'number' },
      { text: "Inputs", value: 'name' }
    ]
  }
});