Skip to content
Navigation & LayoutPro

Scroll Area

A scrollable container with custom, always-styled scrollbars.

Usage

Installation

bash
npm install @wunderui/react

Then import what you need:

tsx
import { ScrollArea } from "@wunderui/react"

Examples

Scroll Area

Custom scrollbar inside a fixed-height box.

In context

How the component is used inside real screens — the same compositions as the Usage section of the Figma page.

Notifications

A long list inside a card that scrolls on its own.

Notifications