7

I'm building an application that uses Vuetify. I use a Google Contacts pre-made layout from Vuetify.

I am trying to add a switch languages flag using v-select in the v-app-bar next to the search form. However, I can't make it align vertically.

Does anyone have an idea?

1
  • 2
    Please post the code that you have tried. Commented Apr 8, 2020 at 6:40

1 Answer 1

10

Use hide-details="auto" in the v-select component

Example:

<v-select v-model="language" :items="i18n.availableLocales" hide-details="auto" >
</v-select>
2
  • 1
    Wow, It works and I'm very grateful but I'm a bit confused because the documentation just says "Hides hint and validation errors. When set to auto messages will be rendered only if there’s a message (hint, error message, counter value etc) to display". So I don't get it Commented Jul 2, 2021 at 8:08
  • That prop is useful only in the case of form submission for validation purposes imo. Since search boxes usually don't require any form of validation, you can safely use it. Commented Oct 3, 2022 at 17:55

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.