Why i cant get the css styles?

[osmelg]

in main.js import {VueFormBuilderPlugin} from 'v-form-builder' import 'v-form-builder/dist/v-form-builder.css' //load CSS from your App Vue.use(VueFormBuilderPlugin, options)

Then in the Component FormBuilder v-model="configuration"></FormBuilder

The styles of the FormBuilder doenst show well

Im missing something?

[sethsandaru]

Hello @osmelg ,

I think I didn't mention it in the Documentation but you have to import your own Boostrap 4/Material CSS before the v-form-builder.css in order to see the styling.

I didn't and don't want to import the whole Bootstrap/Material into the Vue Form Builder because:

• It doesn't make sense since everybody's projects should have their own CSS already, why import more.
• It makes the final bundle bigger.

Thanks. Feel free to open this again if you have more questions related to this issue.

[araromirichard]

please can you give a guide as to how this can be done?

[osmelg]

I couldn't add these classes, I had to make my own formbuilder

[sethsandaru]

Hi all,

It works from my side and my demo projects. Please make sure that you guys have css-loader installed from your webpack

https://webpack.js.org/loaders/css-loader/

[araromirichard]

i would love to use vuetify framework for styling would that work? or do I still need to create my own custom stylessheet