Skip to Content
JoyUI

RTL 支持

DirectionProvider、逻辑样式与阿拉伯语/希伯来语布局。

JoyUI 组件支持 RTL(阿拉伯语、希伯来语等)。

安装 direction

npx @joyui/cli add direction --yes

用法

import { DirectionProvider } from "@/components/foundations/direction/direction";

export default function RootLayout({ children }) {
  return (
    <html lang="ar" dir="rtl">
      <body>
        <DirectionProvider locale="ar">{children}</DirectionProvider>
      </body>
    </html>
  );
}

使用逻辑样式(ps/pe、ms/me、start/end)。邮箱、URL、OTP 保持 LTR。