diff --git a/packages/primevue/src/carousel/style/CarouselStyle.js b/packages/primevue/src/carousel/style/CarouselStyle.js index 5ccd94dd4..b376908ce 100644 --- a/packages/primevue/src/carousel/style/CarouselStyle.js +++ b/packages/primevue/src/carousel/style/CarouselStyle.js @@ -18,6 +18,10 @@ const theme = ({ dt }) => ` gap: ${dt('carousel.content.gap')}; } +.p-carousel-content:dir(rtl) { + flex-direction: row-reverse; +} + .p-carousel-viewport { overflow: hidden; width: 100%; @@ -28,6 +32,10 @@ const theme = ({ dt }) => ` flex-direction: row; } +.p-carousel-item-list:dir(rtl) { + flex-direction: row-reverse; +} + .p-carousel-prev-button, .p-carousel-next-button { align-self: center;