Scroll Area

Augments native scroll functionality for custom, cross-browser styling.

let tags = Array.fromInitializer(~length=50, index => `v1.2.0-beta.${Int.toString(50 - index)}`)

@react.component

Installation

npmyarnpnpmbun
npx shadcn@latest add @rescript-shadcn/ScrollArea
Copy

Usage

Copy<ScrollArea className="h-[200px] w-[350px] rounded-md border p-4">
  {"Your scrollable content here."->React.string}
</ScrollArea>

Examples

Horizontal

Use ScrollBar with orientation="horizontal" for horizontal scrolling.

type artwork = {
  artist: string,
  art: string,

API Reference

See the Base UI Scroll Area documentation.