useDirection

useDirection returns the current reading direction. Use it when your own component needs to branch on direction — flipping a chevron, choosing an offset sign, or mirroring a custom layout.

import { useDirection } from '@appica/ui-react/hooks/use-direction'

Usage

'use client'

import { useDirection } from '@appica/ui-react/hooks/use-direction'

function NextIcon() {
  const dir = useDirection()
  return <span>{dir === 'rtl' ? '←' : '→'}</span>
}

Return value

Returns 'ltr' \| 'rtl'. The value comes from the nearest DirectionProvider, defaulting to 'ltr' when there is none.