Search code examples
vue.jstextfieldright-to-leftvuetify.js

Vuetify RTL style


I am new to vuetify. I need rtl v-text-field with top-right caption on it. How is that possible? I could not do that in inspector. This what i have for a now:

enter image description here

Any help would be appreciated


Solution

  • Added features in v1.1.0:

    • Vuetify supports RTL (right to left) languages through the rtl prop during bootstrap. This value is dynamic and will apply custom styles to change the orientation of your components.

    To enable config level RTL support, add the rtl property to the Vuetify instance options:

    import Vue from 'vue'
    import Vuetify from 'vuetify'
    
    Vue.use(Vuetify, {
      rtl: true
    })
    

    You can change this value anytime by directly modifying the $vuetify.rtl property from within your application.