A scroll container with a theme-styled scrollbar. Supports vertical and horizontal orientation.
Copy the command below and run it in your terminal.
bunx @sivir/ui add scroll-area
pnpm dlx @sivir/ui add scroll-area
npx @sivir/ui add scroll-area
yarn dlx @sivir/ui add scroll-area
Import the Scroll Area and use it to wrap content:
import { ScrollArea } from '$lib/sivir/components/scroll-area'; <ScrollArea class="h-48 w-64"> <div>Your content here</div> </ScrollArea>
Explore the Scroll Area in each orientation.