Is there any way to use bootstrap or tailwind instead of material ui ?

[skandula106]

Describe the bug

is there any way can you guys please share the link it's very important for me

Expected behavior

bootstrap & tailwind ui in json forms

Steps to reproduce the issue

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error

Screenshots

No response

In which browser are you experiencing the issue?

google chrome latest version

Framework

React

RendererSet

Material

Additional context

dssdafasd

[sdirix]

Hi @skandula106, you can combine the React Vanilla and Vue Vanilla renderer sets with any CSS based solution you like including Tailwind and Bootstrap. As indicated in the respective Readmes as well as on the JSON Forms renderer set overviews, you can find the React Vanilla guide here and the Vua Vanilla guide here.

[skandula106]

Thanks for the reply @sdirix i am started using react with Vanilla renderers(with bootstrap framework )while using i have one problem in vertical layout, by default one div is auto applying we need assign some classes how can i apply for that please look in below image and how can we use radio buttons with bootstrap code

[sdirix]

Hi @skandula106, on a first glance I don't know where row is coming from. vertical-layout-item can be customized, as described in the Styles guide.

Whenever there is a mismatch between our renderers and what you need to apply for your CSS (for example different html element structure) you can register a custom renderer which does exactly what you expect.

[sdirix]

I'll close this issue for now as there is no more discussion going on. In general JSON Forms can be combined with any kind of UI framework.

Feel free to reopen if you disagree.