This is the Vuetify 3 documentation, examples and information may be broken or outdated.

Global configuration

Vuetify allows you to set default prop values globally or per component when setting up your application. Using this functionality you can for example disable ripple on all components, or set the default elevation for all sheets or buttons.

Setup

Use the defaults property of the Vuetify configuration object to set default prop values. Here we have disabled ripple for all components that support it, and set the default elevation to 4 for all <v-sheet> components.

src/plugins/vuetify.js
import { createApp } from 'vue'
import { createVuetify } from 'vuetify'

export default createVuetify({
  defaults: {
    global: {
      ripple: false,
    },
    VSheet: {
      elevation: 4,
    },
  },
})

Priority

When creating and mounting a component, Vuetify uses the following priority in determining which default prop value to use:

  1. Value defined in component specific section of defaults configuration object
  2. Value defined in global section of defaults configuration object
  3. Value defined in the component definition

Ready for more?

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