D
D
dinya172018-09-03 06:26:23
material design
dinya17, 2018-09-03 06:26:23

Vuetify JS, Nuxt How to customize components for your design?

Essence of the question. Is it possible to somehow customize VuetifyJs for the design of the current project?
Those. I have a project and I wanted to use the VuetifyJs autocomplete component in it, how can I override the colors of the VuetifyJs components. I know about theme, but this is not an option, it's just redefining the main colors

Vue.use(Vuetify,{
    theme: {
      primary: '#008136',
      secondary: '#66BB6A',
      accent: '#1B5E20',
      error: '#f44336',
      warning: '#ffeb3b',
      info: '#2196f3',
      success: '#4caf50'
    }
})

How can I customize individual elements? Color inside autocomplete, for example?

Answer the question

In order to leave comments, you need to log in

1 answer(s)
A
Anton Veber, 2018-09-03
@filmdirector

I needed to increase the badge size - this is of course a crutch solution, but I took the css file out of the node_modules folder so that it could be committed and manually rewrote the size value. I found this value in the page code through dev tools.

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question