Vuetify Example Pen

In this example below you will see how to do a Vuetify Example Pen with some HTML / CSS and Javascript

This awesome code was written by jmm, you can see more from this user in the personal repository.
You can find the original code on
Copyright jmm ©


  • HTML
  • JavaScript
<!DOCTYPE html>
<html lang="en" >

  <meta charset="UTF-8">
  <title>Vuetify Example Pen</title>
  <link rel='stylesheet prefetch' href=',400,500,700|Material+Icons'>
<link rel='stylesheet prefetch' href=''>



  <div id="app">
  <v-app id="inspire">
        <v-range-slider v-model="value1" step="0" :persistent-hint="true"></v-range-slider>
        <v-range-slider v-model="value2" step="0" disabled></v-range-slider>
  <script src=''></script>
<script src=''></script>
<script src=''></script>


    <script  src="js/index.js"></script>



/*Downloaded from */
new Vue({
  el: '#app',
  data: function data() {
    return {
      value1: [30, 60],
      value2: [0, 40]