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

# ScrollArea

> API reference for the ScrollArea component

# ScrollArea

Augments native scroll functionality with custom scrollbars.

## Import

```tsx theme={null}
import * as ScrollArea from '@base-ui/react/scroll-area';
```

## ScrollArea.Root

Groups all scroll area parts.

### Props

<ParamField name="dir" type="'ltr' | 'rtl'">
  The reading direction of the scroll area.
</ParamField>

## ScrollArea.Viewport

The scrollable area.

## ScrollArea.Scrollbar

A custom scrollbar.

### Props

<ParamField name="orientation" type="'horizontal' | 'vertical'" required>
  The orientation of the scrollbar.
</ParamField>

<ParamField name="keepMounted" type="boolean" default="false">
  Whether to keep the scrollbar mounted when not visible.
</ParamField>

## ScrollArea.Thumb

The draggable part of the scrollbar.

## ScrollArea.Corner

The corner element between horizontal and vertical scrollbars.