Skip to content

tabianco/vuetify-components

Repository files navigation

@tabianco/vuetify-components

GitHub Actions npm (scoped with tag) npm

Vuetify component tweaks for v2.

Note: this library works only with Vue2

Usage

  1. Add this package to your dependencies
$ npm i -S @tabianco/vuetify-components @tabianco/vue-inherit-component
# or
$ yarn add @tabianco/vuetify-components @tabianco/vue-inherit-component
  1. Use in your component .vue file
import { genInput } from '@tabianco/vuetify-components'

Full example

A full example creating a component inheriting VTextField.

import { VTextField } from 'vuetify/lib'
import { genInput } from '@tabianco/vuetify-components'

export default genInput(VTextField, {
  readonlyProps (props) {
    return {
      color: props.dark ? 'white' : 'primary'
    }
  },

  regularProps: {
    color: 'primary'
  }
})

License

MIT - Tabian Co.