Vuetify - defaults: Difference between revisions
From AWVVO
Jump to navigationJump to search
Created page with "== Vuetify defaults == <syntaxhighlight lang="javascript" copy> import '@mdi/font/css/materialdesignicons.css' import 'vuetify/styles' import { createVuetify } from 'vuetify' export default createVuetify({ theme: { defaultTheme: 'light', }, defaults: { VBtn: { style: { 'text-transform': 'none' } } } }) </syntaxhighlight>" |
|||
| (One intermediate revision by the same user not shown) | |||
| Line 1: | Line 1: | ||
== Vuetify defaults == | == Vuetify defaults == | ||
=== vuetify.js=== | |||
<syntaxhighlight lang="javascript" copy> | <syntaxhighlight lang="javascript" copy> | ||
import '@mdi/font/css/materialdesignicons.css' | import '@mdi/font/css/materialdesignicons.css' | ||
| Line 16: | Line 18: | ||
'text-transform': 'none' | 'text-transform': 'none' | ||
} | } | ||
}, | |||
VTextField: { | |||
color: 'primary', | |||
clearable: true | |||
}, | |||
VTextarea: { | |||
color: 'primary', | |||
clearable: true | |||
} | } | ||
} | } | ||
}) | }) | ||
</syntaxhighlight> | </syntaxhighlight> | ||
Latest revision as of 05:31, 26 January 2025
Vuetify defaults
vuetify.js
import '@mdi/font/css/materialdesignicons.css'
import 'vuetify/styles'
import { createVuetify } from 'vuetify'
export default createVuetify({
theme: {
defaultTheme: 'light',
},
defaults: {
VBtn: {
style: {
'text-transform': 'none'
}
},
VTextField: {
color: 'primary',
clearable: true
},
VTextarea: {
color: 'primary',
clearable: true
}
}
})
