<div id="app">
  <v-app id="inspire">
    <div>
      <v-btn color="success">Success</v-btn>
      <v-btn color="error">Error</v-btn>
      <v-btn color="warning">Warning</v-btn>
      <v-btn color="info">Info</v-btn>
    </div>
    <div>
      <v-alert :value="true" type="success">
        This is a success alert.
      </v-alert>
      <v-alert :value="true" type="info">
        This is a info alert.
      </v-alert>
      <v-alert :value="true" type="warning">
        This is a warning alert.
      </v-alert>
      <v-alert :value="true" type="error">
        This is a error alert.
      </v-alert>
    </div>
  </v-app>
</div>
new Vue({
  el: '#app',
  
})
View Compiled

External CSS

  1. https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900|Material+Icons
  2. https://cdn.jsdelivr.net/npm/vuetify@1.5.14/dist/vuetify.min.css

External JavaScript

  1. https://cdn.jsdelivr.net/npm/babel-polyfill/dist/polyfill.min.js
  2. https://cdn.jsdelivr.net/npm/vue/dist/vue.js
  3. https://cdn.jsdelivr.net/npm/vuetify@1.5.14/dist/vuetify.min.js