GlassScrollArea

A custom styled, cross-browser scroll container with thin glass scrollbars.

Preview

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

import { GlassScrollArea } from "koori-ui";
 
<GlassScrollArea className="h-40 w-64">
  {/* long content */}
</GlassScrollArea>

Prop	Type	Default	Description
`type`	`"auto" \| "always" \| "scroll" \| "hover"`	`"hover"`	When scrollbars are visible
`scrollHideDelay`	`number`	`600`	Delay in ms before hiding scrollbars
`dir`	`"ltr" \| "rtl"`	—	Reading direction

Prop	Type	Default	Description
`orientation`	`"vertical" \| "horizontal"`	`"vertical"`	Scrollbar axis

All Radix ScrollArea props are also supported.