Category "vuetify.js"

Is there a special way to upload url images to firebase?

Blockquote I'm building my app in Nuxt and Vuetify and I want to upload url images to Firebase with Axios using inputs (v-file-input). I have no problems with

How can I add custom margin to the v-list element under v-menu in vuetify

there is another container that is being add by vuetify to the v-list Im trying to use as v-menu content,because of this container I can't just add a margin to

Vuetify carousel not taking up full width-height

I want to make a carousel that takes up the full width and height of a viewport. I'm using Vuetify in a vue.js 2 project. Here's my code: <head> <

I want to create a menu using vue and vuetify that has a chevron going up when expanded and down when not expanded

I want to create a menu where the button has a chevron points up when expanded and points down when not expanded. I have tried making an @click that changes a d

How to setup vuetify with vuetify-loader

I'm getting the error below when I run yarn serve: ERROR Failed to compile with 1 errors 4:03:58 p.m. error

How to make v-menu keyboard accessible

Vuetify 5.10 and Vue 2.6.14. I know the Vuetify documentation says: By default, v-menu components are detached and moved to the root of your application. In or

Vuetify adaptative grid layout from item list

I have what seems to be a very common issue, but I can get over it. I have an API query that returns me a list of object. I want to display it my page as a grid

Is there a way to change thickness of v-divider?

I don't know if I am using the thickness prop correctly or if there is a better way to do this. <v-divider :thickness="var"/>

Property '$vuetify' does not exist on type - when using Nuxt.js with Vuetify

I have this error for a particular part in the code when accessing this.$vuetify in my Nuxt.js app. ERROR ERROR in components/equipment/QuickInfoCard.vue:21:

Property '$vuetify' does not exist on type - when using Nuxt.js with Vuetify

I have this error for a particular part in the code when accessing this.$vuetify in my Nuxt.js app. ERROR ERROR in components/equipment/QuickInfoCard.vue:21:

Vue CLI 5 with Vuetify SCSS variables and CSS imports

I work for an organization that try to migrate a project from Vue CLI 4 to Vue CLI 5. The project uses Vuetify and we have SCSS files that are used in the style

v-menu background become transparent and overlay navbar Vuetify

I am making a Facebook's notification component using v-menu & v-list. I set height of v-list to 300px because if not, the list will stretch height to show

How can I display a default value if the expected value is null?

Is there away to display a default value if the expected value is null? Ex. <v-card-subtitle class="py-0 my-0">{{ user.name??'n/a' }}</v-card-subtitle&

How to set conditional rules and required fields in vue?

I am trying to make few fields conditionally required. But I am not able to make it work. I have set a data field notRequired: false and based on that I am usin

How to set conditional rules and required fields in vue?

I am trying to make few fields conditionally required. But I am not able to make it work. I have set a data field notRequired: false and based on that I am usin

Vuetify date picker not displaying the whole month

I am working with vuetify date picker. The API I am calling will display data from a range of dates. I have called the date picker component with the range prop

_plugins_vuetify__WEBPACK_IMPORTED_MODULE_8__.default is not a constructor

I had an issue upon installing vuetify to my project, I followed some solutions in some questions but still I had an issue. Here is my vuetify.js import Vue fro

How to remove vuetify autocomplete component default icon

Vuetify autocomplete by default have custom "up" and "down" arrow icons: How can be changed this icon to search icon in other events (active or inactive) an

How can I wrap a v-switch with a v-tooltip with Vuetify?

I attempted doing this like in the documentation https://vuetifyjs.com/en/components/tooltips/ <v-tooltip color="black" bottom > <template v-sl

v-carousel is responsive but not the images it contains

When I use v-carousel, everything works fine, except I noticed on mobile even if the carousel itself is responsive, the images inside it are not, so only the mi