Filled Prop with Vuetify Rendererers

hey I was wondering if it was possible to use the built in vuetify renderers with the filled prop which makes the vuetify components have a different style

Hi @naomi!

With the latest version of the Vuetify renderer set you are able to set Vuetify component props via the UI Schema options. To set the same props for all components, you can use the config property of the json-forms component. Everything you add here will be used as a default value for the UI Schema options.

The Vuetify component props should be contained in a vuetify property, followed by the name of the component. The following config therefore styles all elements as filled:

      vuetify: {
        'v-text-field': {
          filled: true,
        },
        'v-combobox': {
          filled: true,
        },
        'v-autocomplete': {
          filled: true,
        },
        'v-textarea': {
          filled: true,
        },
        'v-select': {
          filled: true,
        },
      },

2 Likes