包裹你的应用以提供全局阅读方向。
使所有基元能够继承全局阅读方向。
从命令行安装组件。
npm install @radix-ui/react-direction
导入组件。
import { Direction } from "radix-ui"; export default () => <Direction.Provider />;
在创建需要从右到左 (RTL) 阅读方向的本地化应用时,你需要使用 Direction.Provider 组件包裹你的应用程序,以确保所有基元都根据 dir 属性调整其行为。
Direction.Provider
dir
枚举
使用方向提供器。
import { Direction } from "radix-ui"; export default () => ( <Direction.Provider dir="rtl">{/* your app */}</Direction.Provider> );