RTL

Most components come enabled with right-to-left support where order and direction in considered.

To enable RTL on a given component, pass in the rtl prop to automatically enable it.

Example#

import { Button } from "slipstream-ui";

function Example() {
  return (
    <>
      <Checkbox>Checkbox Label</Checkbox>
      <Checkbox rtl>Checkbox Label</Checkbox>
    </>
  );
}

Rendered#

Checkbox Label

Roadmap: Context wrapper to enable app wide RTL automatically.