Utilities

方向提供者

包装您的应用以提供全局阅读方向。

Features

    使所有原始组件继承全球阅读方向。

安装

从命令行安装组件。

npm install @radix-ui/react-direction

结构

导入组件。

import { Direction } from "radix-ui";
export default () => <Direction.Provider />;

API 参考

提供者

当创建需要从右到左(RTL)阅读方向的本地化应用时,您需要使用 Direction.Provider 组件包装您的应用,以确保所有原始组件根据 dir 属性调整其行为。

PropTypeDefault
dir
枚举
No default value

示例

使用方向提供者。

import { Direction } from "radix-ui";
export default () => (
<Direction.Provider dir="rtl">{/* 您的应用 */}</Direction.Provider>
);