I am using vuetify stepper. I have 14 steps which would be too large to fit in, so I decided to wrap it within a div and force it’s width to make sure it overflows in the x direction. I also created a wrapper for that to let it scroll. But so far I cannot make that scroll.

My root component, main.js has the following template:

I’m trying to create a popup using v-dialog vuetify on click of Open dialog button. I want the popup to appear just below the button. Something similar to the below image.

I’m trying to adjust the width of table and columns inside v-table and want to make the table more compact. But, none of them are working.

I’m trying to adjust the width of table and columns inside v-table. But none of them are working.

I am currently trying to create a quiz, using VueJS and Vuetify. I am trying to arrange the answers the user can select vertically. To do that, I am trying to use the v-btn-toggle component. However, the v-btn-toggle component’s buttons are aligned horizontally by default. If possible, I would like to know how to arrange them vertically.