Direction

จาก shadcn

ผู้ให้บริการทิศทางข้อความ (LTR/RTL) สำหรับส่วนของหน้าที่มีข้อความภาษาที่อ่านจากขวาไปซ้าย โดยไม่ต้องสลับทั้งหน้า

คำขอกู้ ก-2542

ผู้อนุมัติ: น้ำใจ · สถานะ: รอพิจารณา

This paragraph is laid out according to the active direction.

ติดตั้ง

Terminal

pnpm dlx shadcn@latest add @whereui/direction

ต้องผูก registry และติดตั้ง @whereui/theme นำหน้าเสมอเมื่อติดตั้งครั้งแรก

การใช้งาน

import { DirectionProvider } from "@/components/ui/direction"<DirectionProvider direction="rtl">  {/* เนื้อหาที่อ่านจากขวาไปซ้าย */}</DirectionProvider>

ข้อควรรู้

ครอบเฉพาะส่วนที่เป็น RTL เช่น กล่องข้อความต่างประเทศ ไม่ใช่ทั้งหน้าเมื่อหน้าหลักเป็นภาษาไทย
มี hook useDirection() สำหรับอ่านค่าปัจจุบันภายใน provider

ซอร์สโค้ด

components/ui/direction.tsx

"use client"export {  DirectionProvider,  useDirection,} from "@base-ui/react/direction-provider"