Quasar v0.15 - Material theme

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

by Christian Bonato

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-btn :color="btnColor" :icon="btnIcon" label="Change me" @click="changeMe" class="q-ma-md"></q-btn>

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

JavaScript

new Vue({
  el: '#q-app',
  data: function () {
    return {
      btnColor: 'primary',
      btnIcon: 'warning',
      version: Quasar.version
    }
  },
  methods: {
  	changeMe: function () {
      this.btnColor = 'secondary'
      this.btnIcon = 'done'
    }
	}
})