A native scroll container with subtle EnterUI scrollbar styling.
ScrollArea defines how EnterUI handles a native scroll container with subtle enterui scrollbar styling, including default structure, accessible states, and token-driven styling.
Use native overflow for reliable browser behavior.
Button states refined.
Input hover polished.
Docs navigation tightened.
Dark mode contrast reviewed.
Component previews optimized.
<ScrollArea style={{ maxHeight: 160 }}>
<div className="docs-preview-stack">
<Badge>Release note</Badge>
<p className="docs-preview-muted">Button states refined.</p>
<p className="docs-preview-muted">Input hover polished.</p>
<p className="docs-preview-muted">Docs navigation tightened.</p>
<p className="docs-preview-muted">Dark mode contrast reviewed.</p>
<p className="docs-preview-muted">Component previews optimized.</p>
</div>
</ScrollArea>import { ScrollArea } from "@froggdesign/enter-ui-react";ScrollArea is a native div with overflow. Add tabIndex={0} only when keyboard users need to focus the region directly.
orientation: vertical, horizontal, or both.className.Uses .eui-scroll-area classes and native scrollbar styling.