Back to all questions

Why are my Carousel slides in vertical orientation?

Last updated

Carousel component looks broken

If your Carousel component renders slides in vertical orientation or has incorrect controls/indicators positioning, you forgot to import carousel styles. Follow the @mantine/carousel installation instructions to fix the issue. Import @mantine/core and @mantine/carousel styles at the root of your application:

import '@mantine/core/styles.css';
import '@mantine/carousel/styles.css';

That's it! It works now!

Nice! 👍