Scroll Area
A native scrolling region with thin, themed scrollbars.
When to use
- Use when
- A region with its own scroll that should look consistent across platforms.
- Avoid when
- The whole page scrolls; let the browser handle it.
Installation
The source lands in src/components/ui/scroll-area.tsx, along with any Shelf items it builds on, and .shelf/lock.json records what was installed. It's yours to edit.
Usage
Built on
- Packages
@base-ui/react,@stylexjs/stylex- Shelf items
foundations,utils- Accessibility
- Focus, keyboard, and ARIA behavior come from Base UI.
- Figma
- In progress. See Designers and Figma.