vuetify-toolkit

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

Live demo

See Live demo & documentation.

Components

- VDataGridSelect
The selector with Tabular items presentation
Examples & Sandbox
- VDateTimeSelect
Easy to use datetime selector
Examples & Sandbox
- VCascader
Cascade selection box
Examples & Sandbox
- VTreeSelect
Selector for nested & tree like items
Examples & Sandbox
- VMdView
Displaying any hierarchical data (like file explorer)
Examples & Sandbox
- VAdvDataTable
Data table with columns visibitity and order settings by user
Examples & Sandbox
- VTooltipBtn
Button with icon, text and hint
Examples & Sandbox

Installation

``
yarn add vuetify-toolkit
`
or
`
npm i vuetify-toolkit --save
`

$3

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

`

`

$3

You can use this library directly via cdn.
Bellow is the example how you can do it
`


















``

$3

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

$3

See

$3

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