Scroll Area
브라우저 간 일관된 커스텀 스크롤 스타일을 위해 네이티브 스크롤 기능을 확장합니다.
설치
사용법
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예제
Horizontal
Use ScrollBar with orientation="horizontal" for horizontal scrolling.
RTL
RTL 지원을 활성화하려면 RTL 설정 가이드를 참고하세요.
API 참조
Radix UI Scroll Area 문서를 참고하세요.