https://github.com/tookit/vuetify-cascader
A missing cascader select for vuetify
https://github.com/tookit/vuetify-cascader
cascader-select material material-cascader vuetify-cascader vuetify-component
Last synced: over 1 year ago
JSON representation
A missing cascader select for vuetify
- Host: GitHub
- URL: https://github.com/tookit/vuetify-cascader
- Owner: tookit
- Created: 2021-03-02T04:47:07.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2021-03-27T02:47:44.000Z (about 5 years ago)
- Last Synced: 2025-02-04T05:48:14.217Z (over 1 year ago)
- Topics: cascader-select, material, material-cascader, vuetify-cascader, vuetify-component
- Language: Vue
- Homepage: http://vma.isocked.com/#/element/cascader/
- Size: 894 KB
- Stars: 12
- Watchers: 3
- Forks: 4
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# vuetify-cascader
A missing cascader select for vuetify
This repo will be archived, please migrate to [https://github.com/tookit/vmajs]
# Demo
http://vma.isocked.com/#/element/cascader/
# Installation
```
# npm
npm install vuetify-cascader
# Yarn
yarn add vuetify-cascader
```
## Props
| Name | Type | Default | Required? | Description |
| :-------: | :-----: | :-----: | :-------: | -------------------------------------------------- |
| items | Array | [] | Y | A nested data set |
| itemValue | String | value | N | Set property of items’s value - must be primitive. |
| itemText | String | value | N | Set property of items’s text value |
| outlined | Boolean | false | N | Applies the outlined style to the input |
| label | String | null | N | Set input's label |
# Usage
```vue
import VCascader from './components/VCascader.vue'
export default {
components: {
VCascader,
},
data() {
return {
items: [
{
id: 1,
text: 'Phone',
value: 'phone',
children: [
...
],
},
],
selectedItem: null,
}
},
}
```
For other uses see examples: https://github.com/tookit/vuetify-cascader/blob/master/src/App.vue