Vuetify.js Additional components set
npm install vuetify-toolkitThe set of additional vuetify components, for using with vuetify.js library
See Live demo & documentation.
- 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
```
yarn add vuetify-toolkit`
or`
npm i vuetify-toolkit --save
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
``
You can use this library directly via cdn.
Bellow is the example how you can do it
`
``
Here is the sample project with vuetify-toolkit, built with vue cli
Any help for this project are welcome.
Please read the Contributing Guide