从右到左 (RTL)
为支持阿拉伯语和希伯来语等语言的习惯,对从右到左(RTL)读取的语言的 UI。
使用步骤
HTML 设置
确保在 html 上设置了 dir 属性:
<html dir="rtl"></html>配置 CustomProvider (可选)
这一步是可以选的, 默认情况下组件会根据 html 上的 dir 属性来判断是否启用 RTL 布局。如果需要自定义区域启用 RTL 布局,可以在 CustomProvider 组件上设置 rtl 属性,启用组件根据 RTL 布局渲染。
import { CustomProvider } from 'rsuite';
function App({ children }) {
return <CustomProvider rtl>{children}</CustomProvider>;
}