Image in <Carousel /> not shown

[rizki5411]

• I have searched the Issues to see if this bug has already been reported
• I have tested the latest version

Current behavior

This is my code

Image not shown

Expected behavior

image is displayed

Context

flowbite-react 0.4.11
Next Js 13
React 18
NodeJs 16

[tulup-conner]

Hi there, we need to fix this... but the problem you are likely having is that your carousel does not have a static height. Try surrounding the carousel in a

<div className="h-56">..</div>

for example and let me know if that works!

[rizki5411]

Hi there, we need to fix this... but the problem you are likely having is that your carousel does not have a static height. Try surrounding the carousel in a

<div className="h-56">..</div>

for example and let me know if that works!

I've been add <div className="h-56">..</div> but still not working

[rluders]

I'm wondering why the workaround didn't work. But, mostly, if we can't just fix it for good. Any suggestions on how can we approach it?

[JuanPandalesEML]

Gave a relative position to it. It worked for me

<img src="" alt="slide" className="relative" />

• I have searched the Issues to see if this bug has already been reported
• I have tested the latest version

Current behavior

This is my code

Image not shown

Expected behavior

image is displayed

Context

flowbite-react 0.4.11 Next Js 13 React 18 NodeJs 16

[rnivsoft]

Gave a relative position to it. It worked for me

<img src="" alt="slide" className="relative" />

• I have searched the Issues to see if this bug has already been reported
• I have tested the latest version

Current behavior

This is my code
Image not shown

Expected behavior

image is displayed

Context

flowbite-react 0.4.11 Next Js 13 React 18 NodeJs 16

it's worked for me thank you!!