# Bidirectionality (LTR/RTL)

Vuetify supports RTL (right to left) languages and can be activated by using the rtl option when bootstrapping your application. You can find additional information about implementing bidirectionality on the specification site.

// src/plugins/vuetify.js

import Vue from 'vue'
import Vuetify from 'vuetify/lib'

Vue.use(Vuetify)

export default new Vuetify({
  rtl: true,
})

You can also change this dynamically at any point by modifying the rtl value on the vuetify object.

<!-- App.vue -->

<template>
  <v-app>
    ...
  </v-app>
</template>

<script>
  export default {
    methods: {
      changeRTL () {
        this.$vuetify.rtl = true
      },
    },
  }
</script>

Ready for more?

Continue your learning with related content selected by the Team or move between pages by using the navigation links below.

Edit this page on GitHub

Last updated:11/12/2024, 6:59:50 AM