[Vuejs]-Vuetify – How would you embed a 'Select' component within a Header/text tag?

0👍

You can apply display: inline-block with CSS to place a block element (like the v-select normally is) inline with text. Take care as this may increase line height. Vuetify has the d-inline-block utility class for this, which is fine if you don’t need many other CSS adjustments (it also automatically overcomes any selectivity or deep selector issues that may occur when overriding styles normally).

Alternatively, you could use the prepend slot in v-select via <template #prepend></template> and place your text prefix there.

Leave a comment