Scrollable wraps content that exceeds its container while preserving layout—chat feeds, inspector bodies, long settings forms. It standardizes scrollbar visibility and density (smallScrollbar) so nested panes in dispatch feel consistent across browsers. In @prepared911/ui, cap the frame with maxWidth and maxHeight from the Box size scale instead of wrapping the scroller in a Box only to set a max size.
When to use
Vertical overflow in fixed-height panels (drawers, split panes, modals).
Horizontal overflow for wide timelines or code viewers with deliberate sideways scroll.
Chat or log feeds that should mount at the bottom (scrollReverse patterns).
When not to use
Whole-page scrolling managed by the browser—avoid nested scroll unless the layout demands panes.