search

kidjp85 / react-id-swiper

A library to use idangerous Swiper as a ReactJs component which allows Swiper's modules custom build
https://react-id-swiper.ashernguyen.site/
MIT License
1.49k stars 154 forks source link

No rtl support #502

Closed 1mehdifaraji closed 3 years ago

1mehdifaraji commented 3 years ago

There is no right to left prop for the swiper component

whyboris commented 3 years ago

Until it's available, you can manually set the styles in css, for example: https://healthimpactfund.org/ar/

image

https://github.com/whyboris/Health-Impact-Fund/blob/master/src/components/layout.js#L27 https://github.com/whyboris/Health-Impact-Fund/blob/master/src/components/arabic.scss#L1

whyboris commented 3 years ago

Also, see #474

1mehdifaraji commented 3 years ago

Hi thanks for the comments I figured it out like this :

import Swiper from 'react-id-swiper';

<Swiper rtl {...params} ref={swiperRef}>
   .....
</Swiper>