インストール
使い方
import { ScrollArea, ScrollBar } from "@/components/ui/scroll-area"<ScrollArea className="h-[200px] w-[350px] rounded-md border p-4">
Your scrollable content here.
</ScrollArea>構成
次の構成を使用して、ScrollArea を構築します。
ScrollArea
└── ScrollBar水平方向
水平スクロールには ScrollBar を orientation="horizontal" とともに使用します。
RTL
shadcn/ui で RTL サポートを有効にするには、RTL 構成ガイドを参照してください。
API リファレンス
詳細については、Radix UI Scroll Area のドキュメントを参照してください。