search

themesberg / flowbite-react

Official React components built for Flowbite and Tailwind CSS
https://flowbite-react.com
MIT License
1.85k stars 416 forks source link

Carousel minimal example: images not showing up #1249

Open c-marc opened 1 year ago

c-marc commented 1 year ago

Hello. I'm trying the Carousel (copy & paste the minimal example from flowbite-react doc) and I cannot see any images... I see the buttons and the slides getting triggered... Images are urls as in the doc and I tried with local ones two...

Any idea where that could come from ? React, Vite setup, TailwindCSS and flowbite installed and configured without any deviation... (the rest is working) I'm into that urgent deadline. And I would greatly appreciate it if anyone has any idea on that one... Thanks+++

PS: I'm refering to flowbite-react, but I'm hoping to find some help here with this regular issue. I filed a bug on the correct GH just in case https://github.com/themesberg/flowbite-react/issues/799

tomaszgrabowski commented 1 year ago

Same here..

c-marc commented 1 year ago

@tomaszgrabowski I found a trick that worked for me and posted it there https://github.com/themesberg/flowbite-react/discussions/801. Hopefully this can help you too. Yet I don't get why I'm having this issue and some people apparently don't (see discussion overthere, codepen exemple and so on... If you're facing the same issue, you can confirm it there too, maybe this will help to understand what's happening and what's not specific to me). Marc

isabel5200 commented 1 year ago

@tomaszgrabowski I found a trick that worked for me and posted it there themesberg/flowbite-react#801. Hopefully this can help you too. Yet I don't get why I'm having this issue and some people apparently don't (see discussion overthere, codepen exemple and so on... If you're facing the same issue, you can confirm it there too, maybe this will help to understand what's happening and what's not specific to me). Marc

It worked for me. Thank you very much!

yassinbagane2 commented 10 months ago

try adding this to your tailwindcss config file content array: "./node_modules/flowbite/*/.js"

asiimwearnold commented 10 months ago

@tomaszgrabowski I found a trick that worked for me and posted it there themesberg/flowbite-react#801. Hopefully this can help you too. Yet I don't get why I'm having this issue and some people apparently don't (see discussion overthere, codepen exemple and so on... If you're facing the same issue, you can confirm it there too, maybe this will help to understand what's happening and what's not specific to me). Marc

Wrapping the carousel in a div with height and width should have this fixed...

Mesake94 commented 2 weeks ago

try adding this to your tailwindcss config file content array: "./node_modules/flowbite/*/.js"

This worked for me