stylis-rtlcss

tiny styled-components plugin converts LTR to RTL, based on RTLCSS


Keywords
rtl, bidi, stylis, emotion, emotion-js, css, preprocessor, styled-components, css-in-js, react, reactjs, rtlcss
License
MIT
Install
npm install stylis-rtlcss@2.0.0

Documentation

stylis-rtlcss

Stylis RTL plugin based on RTLCSS

Install

Yarn
yarn add stylis-rtlcss
NPM
npm i stylis-rtlcss

Usage with Styled-Components v5+

import styled, { StyleSheetManager } from "styled-components";
import rtlPlugin from "stylis-plugin-rtl";

const StyledDiv = styled.div`
  margin-left: 10px;
`;

class App extends Component {
  return (
    <StyleSheetManager stylisPlugins={[rtlPlugin]}>
      <StyledDiv>Margin will be on RIGHT!</StyledDiv>
    </StyleSheetManager>
  )
}