방향 공급자

방향 공급자 (Direction Provider)

앱을 감싸서 전역 읽기 방향을 제공하는 컴포넌트예요. RTL(오른쪽에서 왼쪽)과 같은 방향 설정을 모든 프리미티브에 전파해 줘요.

출처: 문서

Direction Provider는 앱을 감싸서 전역 읽기 방향을 제공하는 컴포넌트예요.

컴포넌트를 임포트해요.

import { Direction } from "radix-ui";

export default () => <Direction.Provider />;

RTL(오른쪽에서 왼쪽) 읽기 방향이 필요한 현지화된(localized) 앱을 만들 때는 애플리케이션을 Direction.Provider 컴포넌트로 감싸서 모든 프리미티브가 dir prop을 기준으로 동작을 조정하도록 해야 해요.

Prop	Type	Default
`dir`	`enum`	No default value

방향 공급자를 사용해 봐요.

import { Direction } from "radix-ui";

export default () => <Direction.Provider dir="rtl">{/* your app */}</Direction.Provider>;