@nsoft/vuetify-colorizer

[![npm](https://img.shields.io/npm/v/@nsoft/vuetify-colorizer.svg)](https://www.npmjs.com/package/@nsoft/vuetify-colorizer) [![Greenkeeper badge](https://badges.greenkeeper.io/nsftx/vuetify-colorizer.svg)](https://greenkeeper.io/) [![Build Status](https

Stats

stars 🌟issues ⚠️updated 🛠created 🐣size 🏋️‍♀️
234Mar 1, 2021May 23, 2018Minified + gzip package size for @nsoft/vuetify-colorizer in KB

Readme

npm Greenkeeper badge Build Status codebeat badge codecov

vuetify-colorizer

Color component for Vuetify framework

Installation

# npm
npm install @nsoft/vuetify-colorizer

Using

Import styles

You need to import colorizer style in your main stylesheet file or component. Example of importing in stylus file:

@import '@nsoft/vuetify-colorizer/dist/vuetify-colorizer.css';

Import script

import Vue from 'vue';
import { VColorPickerInput } from '@nsoft/vuetify-colorizer';
import App from './App';

Vue.config.productionTip = false;
Vue.use(VColorPickerInput);

/* eslint-disable no-new */
new Vue({
  el: '#app',
  template: '<App/>',
  components: { App },
});

Import component locally

import { VColorPickerInput } from '@nsoft/vuetify-colorizer';

export default {
  name: 'app',
  components: {
    VColorPickerInput,
  },
};

Use in template

<template>
  <div id="app">
    <VColorPickerInput/>
  </div>
</template>

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.