RTL Support

Graphite Grid fully supports RTL rendering for both the GraphiteGridCanvas and GraphiteGridDom renderers. To enable RTL mode, set the isRtl property on the grid state to true.

Info

RTL support in Graphite Grid is well-implemented as the Grid uses logical CSS properties throughout. No special requirements exist beyond setting the isRtl flag on the grid state.

export function RtlSupport() {
  const grid = useGraphiteGrid({
    initial: {
      isRtl: true,
      // other properties
    },
  });
 
  return (
    <div style={{ height: 400 }}>
      <GraphiteGridDom state={grid} />
    </div>
  );
}