Scroll Area

A scroll container with a theme-styled scrollbar. Supports vertical and horizontal orientation.

Chats

Today
Yesterday
Previous 7 days

Installation

Copy the command below and run it in your terminal.

bunx @sivir-ui/svelte add scroll-area

Usage

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>

Examples

Explore the Scroll Area in each orientation.

Horizontal

OverviewActivitySettingsMembersBillingIntegrationsWebhooksSecurityAudit logDanger zone

Anatomy

ScrollArea - Provides a scrollable content area.