Open
Description
Describe the feature
It seems that components use left and right values from tailwindcss
i would recommend using start and end so it supports RTL and LTR directions in projects
so instead of pr-1
, ml-2
...
we use pe-1
, ms-2
And so on
also in components that have Chevron icons
we should add rtl:rotate-180
class so we make sure when we change direction arrow rotate
Tasks:
- use (
start-, end-
/ps-, pe-
/ms-, me-
/ ... ) instead of (left-, right-
/pl-, pr-
/ml-, mr-
/ ... ) - add rotation transformation to chevrons that point to direction
- related bug [Feature]: Select, Calendar, DropDown by default set dir to ltr even when html dir is rtl reka-ui#719
Additional information
- I intend to submit a PR for this feature.
- I have already implemented and/or tested this feature.