Loading source
Pulling the file list, source metadata, and syntax-aware rendering for this listing.
Source from repo
Reference for Nuxt UI v4 (125+ components built on Reka UI + Tailwind CSS v4) including forms, overlays, and theming.
Files
Skill
Size
Entrypoint
Format
Open file
Syntax-highlighted preview of this file as included in the skill package.
components/scroll-area.md
1# ScrollArea2Creates scrollable containers with optional virtualization for large lists.4> Based on [Reka UI ScrollArea](https://reka-ui.com/docs/components/scroll-area)6## Key Props8- `orientation`: to control scroll direction (`'vertical'` or `'horizontal'`).10- `items`: array of data to render within the scrollable area.11- `virtualize`: enables performance optimization for large datasets (renders only visible items). Supports `estimateSize`, `lanes`, `gap`.12- `as`: specifies the underlying HTML element or component (defaults to `'div'`).13- `ui`: customization object for styling root, viewport, and items.14## Usage16```vue18<UScrollArea19<!-- props here -->20/>21```22