[QUESTION] Simplified tailwind config

[aminmc]

Hello

Thank you for creating this library! I'm looking to integrate this with my application however I've noticed that there is quite a lot of customisations in the tailwind config which is causing my app to look different. Is there a bare-bone configuration that only applies to Formio?

Any help would be appreciated.

Thank you.

[Romakita]

Hello @aminmc

You can set your own tailwind configuration. But I agree, the package add extra css to support components proposed by formio and not available basically with tailwind.

By default I use the following configuration: https://github.com/tsedio/tsed-formio/blob/master/packages/tailwind/tailwind.config.js
The @tsed/tailwind-formio require some part of the tailwind configuration like colors.primary / secondary.

Also I written custom css to have the correct rendering for formio component: https://github.com/tsedio/tsed-formio/tree/master/packages/tailwind-formio/styles

Note: Some css rules are directly exported from the bootstrap version!

I haven't a huge experience so I need help to know how we can simplify the tailwind configuration and which custom css causing issue with the website and if a fix can be found without introducing regression on the formio layout.

You help is welcome :)
See you
Romain

[TriStarGod]

I was able to maintain its separation using tailwindcss-themer

[Romakita]

Currently, the tailwind config seems to be simplified. Maybe using tailwind preset can help. I'll take time to investigate that on the next major release