search

themesberg / flowbite-vue

Official Vue 3 components built for Flowbite and Tailwind CSS
https://flowbite-vue.com
MIT License
773 stars 120 forks source link

Use of tailwind-merge #176

Closed LockBlock-dev closed 1 year ago

LockBlock-dev commented 1 year ago

The library currently lacks a way to customize the components classes.
It would be great to use tailwind-merge like flowbite-react and flowbite-svelte did in my opinion. What do you think?

cogor commented 1 year ago

I think it's a great idea, thanks

Cry0nicS commented 1 year ago

@LockBlock-dev from what I could see, you can set all the tailwind utility classes you want to use to customize a component as !important.

Example

<Navbar class="!bg-pink-300 !text-yellow-300">
   // ... content
</Navbar>

Would give you what you'd expect: image

It's not a great solution, there are drawbacks and you have to do it for all properties, but it would allow you customize the components until / without tailwind-merge.