Scroll Area

A fully accessible, token-driven ScrollArea component built with strict WAI-ARIA compliance.

tsx

import { ScrollArea } from '@nofinite/nui';

Interactive Preview

Scrollable item #1

Scrollable item #2

Scrollable item #3

Scrollable item #4

Scrollable item #5

Scrollable item #6

Scrollable item #7

Scrollable item #8

Scrollable item #9

Scrollable item #10

Scrollable item #11

Scrollable item #12

Scrollable item #13

Scrollable item #14

Scrollable item #15

Loading preview...

tsx

import { ScrollArea } from '@nofinite/nui';

<ScrollArea />

Prop	Type	Default	Description
`orientation`	`enum`	`vertical`	—

Semantic Tokens: Built strictly using Nuicss semantic tokens (bg-surface, text-default, border-subtle, bg-primary).
Keyboard Navigation: Adheres to strict WAI-ARIA standards.
Screen Reader Support: Includes semantic roles and live regions where appropriate.