Getting Started

Installation

yarn or npm

First step is to install it using yarn or npm:

yarn add verte

# or use npm
npm install verte --save

CDN

You can also use a CDN:

Basic usage

ES6+


 





 




 




<template>
  <verte picker="square" model="rgb"></verte>
</template>

<script>
  import Verte from 'verte';
  import 'verte/dist/verte.css';
  // register component globally
  Vue.component('verte', Verte);

  new Vue ({
    el: '#app',
    // OR register locally
    components: { Verte }
  });
</script>

Script Tag

<head>
  <link rel="stylesheet" type="text/css" href="path/to/verte.css">
</head>

<body>
  <div id="#app">
    <verte picker="square" model="rgb"></verte>
  </div>
  
  <script src="path/to/verte.js"></script>
  <script>
    // register component globally
    Vue.component('verte', Verte);
  
    new Vue ({
      el: '#app',
      // OR register locally
      components: { Verte }
    });
  </script>
</body>