Mokri

Preview

<> import.ts

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

<> component.tsx

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

<ScrollArea />

Scrollable container with sticky title and optional borders.

<> import.ts

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

Prop	Type	Default	Description
`children`	`React.ReactNode`	—	Items to render as rows
`className`	`string`	`""`	Additional CSS classes
`maxHeight`	`string`	`"max-h-48"`	Max height utility
`title`	`string`	—	Optional sticky header title
`showBorder`	`boolean`	`true`	Show border around area
`size`	`"sm" \| "md" \| "lg"`	`"md"`	Spacing scale

small

Small height with border

medium

Medium height with border

large

Large height with border