ディレクションプロバイダー

アプリをラップして、グローバルな読み取り方向を提供します。

機能

すべてのプリミティブがグローバルな読み取り方向を継承できるようにします。

インストール

コマンドラインからコンポーネントをインストールします。

npm install @radix-ui/react-direction

構造

コンポーネントをインポートします。

import { DirectionProvider } from '@radix-ui/react-direction';

export default () => <DirectionProvider />;

API リファレンス

DirectionProvider

右から左 (RTL) の読み取り方向を必要とするローカライズされたアプリを作成する場合、アプリケーションを DirectionProvider コンポーネントでラップして、すべてのプリミティブが dir プロパティに基づいて動作を調整するようにする必要があります。

プロパティ	型	デフォルト
`dir`	`enum`	デフォルト値なし

例

ディレクションプロバイダーを使用します。

import { DirectionProvider } from '@radix-ui/react-direction';

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

前へアナウンス

次へID プロバイダー

GitHub でこのページを編集する