Miss any of our Open RFC calls?Watch the recordings here! »

vuetify-toolkit

0.3.0-alpha • Public • Published

vuetify-toolkit

Travis (.org) branch npm npm

The set of additional vuetify components, for using with vuetify.js library

Live demo

See Live demo & documentation.

Components

Installation

yarn add vuetify-toolkit

or

npm i vuetify-toolkit --save

Basic usage

Change your src/plugins/vuetify.js file as follows

      import Vue from 'vue';
      import Vuetify from 'vuetify/lib';

      import {
        VTreeSelect,
        VCascader,
        VDataGridSelect,
        VDateTimeSelect,
        VAdvDataTable,
        VMdView } from 'vuetify-toolkit/vuetify-toolkit.umd'
      Vue.use(Vuetify,{
          VTreeSelect,
          VCascader,
          VDataGridSelect,
          VDateTimeSelect,
          VAdvDataTable,
          VMdView
      });
      export default new Vuetify({
        icons: {
        iconfont: 'mdi',
        },
      });

Then, you can use this components as

<template>
  <div>
    <v-tree-select>
      <!--  -->
    </v-tree-select>
    <v-cascader>
      <!--  -->
    </v-cascader>
    <v-data-grid-select>
      <!--  -->
    </v-data-grid-select>
    <v-date-time-select>
      <!--  -->
    </v-date-time-select>
    <v-adv-data-table>
      <!--  -->
    </v-adv-data-table>
    <v-md-view>
      <!--  -->
    </v-md-view>
  </div>
</template>

Hello world example

Here is the sample project with vuetify-toolkit, built with vue cli

Contributing

Any help for this project are welcome. Please read the Contributing Guide

Install

npm i vuetify-toolkit

DownloadsWeekly Downloads

6

Version

0.3.0-alpha

License

MIT

Unpacked Size

1.64 MB

Total Files

10

Last publish

Collaborators

  • avatar