How to config container background

[FeiPengDev]

Excuse me, I noticed that the container's background color is visible during the build process, but if I want to configure the container's background color during rendering as well, is there a solution available for this?
Thank you very much for answering my questions!

[adamberecz]

You can achieve something similar by adding classes to the Group/Object element in the renderer's vueform.config.js:

// vueform.config.js

import { defineConfig } from '@vueform/vueform'

export default {
  // ...
  addClasses: {
    GroupElement: {
      container: 'bg-gray-200 bg-opacity-50 p-3 rounded',
    },
    ObjectElement: {
      container: 'bg-gray-200 bg-opacity-50 p-3 rounded',
    },
  },
};

Demo:
https://stackblitz.com/edit/github-svqwqg?file=src%2FApp.vue,vueform.config.js

If this is not an option, because the renderer and the builder are in the same project, you can use presets on rendered forms.