Scroll Area

Augments native scroll with custom styled scrollbars.

Usage

tsx

import { ScrollArea } from "@/components/ui/scroll-area";

<Scroll Area height="200px">...</Scroll Area>

<Scroll Area height="200px">...</Scroll Area>

Light

Dark

Default

Metrics

Perimeter Api

Scroll Area Controls

height

Examples

Vertical Scroll

Item 1

Item 2

Item 3

Item 4

Item 5

Item 6

Item 7

Item 8

Item 9

Item 10

Item 11

Item 12

Item 13

Item 14

Item 15

Item 16

Item 17

Item 18

Item 19

Item 20

Horizontal Scroll