flowbite-react icon indicating copy to clipboard operation
flowbite-react copied to clipboard

Published 20 hours ago • verified publisher icon themesberg

Tailwind prefix not considered

Open clari182 opened this issue 1 year ago • 19 comments

Is your feature request related to a problem? Please describe. I'm using tailwind configured with a prefix tw- but when using a flowbite-react component (for example Card) the prefix is not added to the card classes. So the tailwind styles are not applied.

Describe the solution you'd like It'd be great if the tailwind prefix defined in tailwind.config.js is applied to the component classes.

clari182 avatar Aug 22 '22 19:08 clari182

Yeah... TBH, I have NO idea how it can be done. :thinking: But, you can easy fix it right now, just prefixing the the css tags by creating a custom theme.

rluders avatar Aug 22 '22 20:08 rluders

How to use theme component: https://flowbite-react.com/theme

Default theme file: https://github.com/themesberg/flowbite-react/blob/main/src/lib/theme/default.ts

rluders avatar Aug 22 '22 20:08 rluders

Hey! Thanks, that's actually the workaround I'm using right now.

clari182 avatar Aug 23 '22 13:08 clari182