Skip to content
Data Display

Scroll Area

Custom-styled scroll container.

Import

tsx
import { ScrollArea } from "@cooud-ui/ui";
bash
npx cooud-ui add scroll-area

Examples

API Reference

Generated from the component's exported types.

ScrollAreaProps

Extends ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>

Skip ScrollAreaProps props table
PropTypeDefaultDescription
aria-label
stringAccessible name for the scrollable viewport. Supply this when the content warrants a distinct name (e.g. "Release notes"); the viewport is always keyboard-focusable so it can be scrolled with the arrow keys regardless.