Scroll Area

Overflow wrapper with custom scrollbars and shadow indicators.

Scrollable content

Line 2

Line 3

Line 4

Line 5

Line 6

Usage

import {ScrollArea} from 'kinu';

<ScrollArea style={{height: '200px'}}><div>Long content</div></ScrollArea>

Exports

Name Description Rendered HTML
ScrollArea Scrollable area <div k="scroll-area">

Notes

  • Applies scroll shadows using CSS masks.
  • Forwards native overflow attributes for flexibility.

_Source: src/components/scroll-area/index.tsx