# Scroll area

A native scroll container with thin overlay scrollbars and edge fades that appear only when content overflows.

- ID: `scroll-area`
- Import: `animui/scroll-area`
- Category: Disclosure
- Runtime exports: `ScrollArea`, `default`
- Declaration: `types/free/components/scroll-area.d.ts`
- Type provenance: emitted-original-typescript
- Related: resizable-panels, carousel, data-grid, tree-view

```tsx
import { ScrollArea } from 'animui/scroll-area';
```

This import example is not a complete render recipe: read the declaration below and its local references for required props, data, callbacks and provider context. Use `animui info scroll-area` to resolve the local declaration graph. Global setup is in `llms.txt`.

```ts
export { ScrollArea, default } from '../registry/components/scroll-area/scroll-area.js';
export type { ScrollAreaEdges, ScrollAreaProps } from '../registry/components/scroll-area/scroll-area.js';
```