实用程序

方向提供程序

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

特征

    使所有原语能够继承全局阅读方向。

安装

从命令行安装组件。

npm install @radix-ui/react-direction

解剖结构

导入组件。

import { DirectionProvider } from '@radix-ui/react-direction';
export default () => <DirectionProvider />;

API 参考

DirectionProvider

在创建需要从右到左 (RTL) 阅读方向的本地化应用程序时,您需要使用DirectionProvider组件包装您的应用程序,以确保所有原语都根据dir道具调整其行为。

道具类型默认值
dir
枚举
无默认值

示例

使用方向提供程序。

import { DirectionProvider } from '@radix-ui/react-direction';
export default () => (
<DirectionProvider dir="rtl">{/* your app */}</DirectionProvider>
);
上一个公告