Category "vuetify.js"

When printing, Vuetify application reserves space for invisible elements

I created an application using Vue.JS and Vuetify. The layout is based on the Google Contacts layout. I am using both a toolbar and a navigation drawer. I woul

Vue warning and component not showing while using v-form and v-text-field from Vuetify

I'm trying to use the v-form and v-text-field components from the Vuetify node package. <template> <v-form> <v-text-field label="Test" type

Vuetify v-app-bar-title component is truncated with plenty of room to spare

I am using a navigation bar in my Vue/Vuetify app, and added a v-app-bar-title component to display the name of the page the user is currently on. However, when

Styling an icon defined with prepend-icon in Vuetify

Normally to style an icon in Vuetify we'll do something like <v-icon large color="primary">comment</v-icon> How do we get the same effect while

How can we set a default value of a v-text-field of vuetify in nuxtjs?

I am new to vuejs and nuxtjs and at my company they are using vuetify. I need to set default value as 0 to v-text-field fields in the application but I cant fin

Vuetify - tabs with vue components

I'm working on some web design with vue.js and vuetify and has run into issues when trying to show vue components inside a vuetify v-tab. I have the following

how to work with v-select inside b-table?

I'm working with v-select elements inside a b-table but i've a problem when i put the "responsive" property in my b-table. It looks as if the v-select is contai

Nuxt & Vuetify: how to control the order in which CSS files are loaded?

In my Nuxt/Vuetify app I'm trying to load my custom CSS after Vuetify's CSS, but Vuetify's CSS gets loaded afterwards no matter what. I tried to reverse the ord

Can I enforce a date within a range in a vuetify.js v-text-field for a date

I have the text field below with a date in it, the user should be able to enter in by hand. With the enforced format MM/DD/YYYY Question - is there a way to en

How to reset vuetify's v-input-file

How can we reset vuetify's v-input-file? To clear the form input file after each upload? <v-file-input label="Upload" accept="ima

How can I disable animations for Vuetify v-expansion-panel component?

I'd like to be able to disable the open/close animations for the v-expansion-panel component, i.e. the panel should instantly appear opened/closed when changes

Vuetify search-input.sync for v-autocomplete inside v-for

I have a line_items array, iterated using v-for. For each of the line_item object, I need a v-autocomplete element that is used to search for category. Currentl

Vuetify search-input.sync for v-autocomplete inside v-for

I have a line_items array, iterated using v-for. For each of the line_item object, I need a v-autocomplete element that is used to search for category. Currentl

Overriding Vuetify variables when building a Vue2+Vuetify app with Vite

I'm trying to migrate a Vue2+Vuetify app from Vue-CLI/Webpack to Vite. The app has a couple of SCSS files, main.scss and variables.scss with the latter imported

Why does the numbering not work for some uses of v-data-table

The behavior is, I click the next-page chevron and it loads the correct data from the database and goes to the next page, but it does not update the pagination

Cannot resolve @fontawesome all / fontawesome-free

I am using vue.js 2 - I add some mdi-icons in my App.vue this generate a new error in my project When I was trying to serve my Project but I got the error as it

Change border color when hover textfield

I have vuetify textfield with 1.5.x version in my codepen: https://codepen.io/handy29/pen/yLLwjGg when you hover to text field I want to be green color #6fbd44

vuetify icon not showing

I am using vue.js and vuetify. I want to add an icon but it is not working as expected (not rendered). How can I fix this? Please refer to the following code: m

How to properly import component in nuxt.config.js to use as a custom icon?

I'm trying to use an SVG file as a custom icon, using this structure in nuxt.config.js: import UploadIcon from '@/components/icons/UploadIcon' export default {

How to remove v-tab transition slide in Vuetify?

Is it possible to remove transition slide when click v-tabs ? <v-tabs v-model="tab" :transition="false" :reverse-transition="false"> <v-tab hr