Direction Provider

In Development

This component is currently in development. The API is not yet stable and may change in future releases.

Overview

DirectionProvider manages the dir HTML attribute which controls CSS logical properties and layout direction. All Paramanu CSS uses logical properties so components automatically adapt to the configured direction.

Usage

HTML

import { setDirection, getDirection } from "@paramanu/utilities-js"

setDirection("rtl")
console.log(getDirection()) // "rtl"

React

import { DirectionProvider, useDirection } from "@paramanu/utilities-react"

<DirectionProvider defaultDir="ltr">
  <App />
</DirectionProvider>

// Inside a component:
const { dir, setDir } = useDirection()

Guidelines

• Use for applications that support Arabic, Hebrew, or other RTL languages
• All Paramanu components use CSS logical properties for automatic adaptation
• The useDirection hook provides read/write access to the current direction
• Sets the dir attribute on document.documentElement by default

API

Prop	Type	Default	Description
defaultDir	"ltr" | "rtl"	"ltr"	Initial text direction