> ## Documentation Index
> Fetch the complete documentation index at: https://docs.cognite.com/llms.txt
> Use this file to discover all available pages before exploring further.

> ## Agent Instructions
> Cognite Data Fusion (CDF) is an industrial DataOps platform. Prefer English docs unless the user asks for another locale.
> Follow /_llms/ index links recursively until you reach page URLs ending in .md. Fetch those Markdown twins instead of HTML.
> For REST APIs, default to calendar version 20230101 (stable). Use 20230101-beta or 20230101-alpha only if the user is on a preview API. Cite paths under /api-reference/concepts/<version>/ and the Cdf-Version header. Prefer the Python SDK (cognite-sdk) unless the user is in JavaScript/TypeScript.
> Start here by task: platform overview /cdf/index.md; data modeling /cdf/dm/index.md; data integration /cdf/integration/index.md; access /cdf/access/index.md; CDF Toolkit /cdf/deploy/cdf_toolkit/index.md; REST quickstart /dev/quickstart.md; Python SDK /dev/sdks/python/index.md; Atlas AI /cdf/atlas_ai/concepts/index.md; Flows apps /cdf/flows/index.md; Aura UI /cdf/aura/index.md; MCP and IDE setup /dev/guides/ide_ai_integration.md.
> For implementation work, also load /skill.md.

# Scroll area

> A custom scrollable viewport for content that exceeds available space, with consistent scrollbars across browsers and platforms.

<Badge color="blue">v1.0.0</Badge> | [View in Storybook](https://master--695bb4b1b8041ae09768950a.chromatic.com/?path=/docs/primitives-scrollarea--docs)

## When to use

* When content (lists, panels, sidebars, tables) exceeds the container height or width and must scroll within a fixed region.
* When native overflow scrolling needs consistent styling with the Aura design system.
* Inside [Dialog](/cdf/aura/primitives/dialog) or [Popover](/cdf/aura/primitives/popover) bodies with long content.

## When to use something else

* For page-level loading, use [Page loader](/cdf/aura/primitives/page-loader) rather than an empty scroll region.
* When the whole page should scroll, prefer normal document flow instead of nesting scroll areas.

## Behavior

* Supports vertical and horizontal orientation depending on overflow direction.
* Preserve keyboard focus and scroll position when content updates asynchronously.

## Often used with

* [Separator](/cdf/aura/primitives/separator), [Menu](/cdf/aura/primitives/dropdown-menu), [Tree view](/cdf/aura/primitives/tree-view), [Data grid](/cdf/aura/primitives/data-grid).