1.0.9 • Published 4 years ago
vue-cli-plugin-vuetify-preset-resman-b2b v1.0.9
vue-cli-plugin-vuetify-preset-resman-b2b
ResMan's B2B vuetify preset. This preset sets the theme colors and changes the styling and functionality form components to match the ResMan B2B style guide.
Prerequisites
- Vuetify (vue-cli-plugin-vuetify)
Installation
With Vue UI
- Add the vue-cli-plugin-vuetify plugin to your Vue project
- Add this vue-cli-plugin-vuetify-preset-resman-b2b plugin to your Vue project
With vue cli
- vue add vue-cli-plugin-vuetify
- vue add vue-cli-plugin-vuetify-preset-resman-b2b
Usage
The theme colors and some styling will automatically be setup for you. The following form components have been wrapped and their wrappers should be used in place of the Vuetify component. Most props/events/slots are passed through to the Vuetify component, with a few exceptions to keep styling and functionality compliant with the B2B style guide.
| Vuetify Component | Wrapper | Notes | |
|---|---|---|---|
v-text-field | r-text-field | ||
v-autocomplete | r-autocomplete | This should be used in all dropdown cases; do not use v-select | |
v-textarea | r-textarea | ||
v-file-input | r-file-input | ||
v-date-picker | r-date-picker | v-date-picker may still be used in situations where the date picker calendar should always be visible rather than actived through a text field |