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

Theme providers

The theme provider allows you to style a section of your application in a different theme from the default

API

Examples

Background

By default, v-theme-provider is a renderless component that allows you to change the applied theme for all of its children. When using the with-background prop, the v-theme-provider wraps its children in an element and applies the selected theme’s background color to it.

v-theme-provider/prop-with-background.vue