Quasar v0.15 - Material theme

You can use it to submit Github tickets for Quasar v0.15.

by WILLIAM CORREA

HTML

<link rel="stylesheet" href="https://unpkg.com/quasar-extras@latest/material-icons/material-icons.css">
<script src="https://unpkg.com/vue@latest/dist/vue.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://unpkg.com/quasar-framework@^0.17.0/dist/umd/quasar.mat.min.css">
<script src="https://unpkg.com/quasar-framework@^0.17.0/dist/umd/quasar.mat.umd.min.js"></script>

<div id="q-app">
  <div class="q-ma-md">
    Fork and make your own!
    Do NOT use self-closing tags here on jsFiddle.
  </div>

  <q-input ref="input" float-label="Buu" value=""></q-input>
  <q-btn color="primary" icon="warning" label="Notify" @click="notify" class="q-ma-md"></q-btn>

  <div class="q-ma-md">
    Running Quasar v{{ version }}
  </div>
</div>

CSS

#q-app {
  padding: 20px;
}

.q-input-target:focus {
  background: red;
}

JavaScript

new Vue({
  el: '#q-app',
  data: function () {
    return {
      version: Quasar.version
    }
  },
  methods: {
  	notify: function () {
      this.$q.notify('Running on Quasar v' + this.$q.version)
      this.$refs.input.focus()
    }
	}
})