Skip to Content

ScrollArea

Constrains content to a height / maxHeight and scrolls the overflow with styled scrollbars.

Row 1 of a long list…

Row 2 of a long list…

Row 3 of a long list…

Row 4 of a long list…

Row 5 of a long list…

Row 6 of a long list…

Row 7 of a long list…

Row 8 of a long list…

Row 9 of a long list…

Row 10 of a long list…

Row 11 of a long list…

Row 12 of a long list…

import { ScrollArea } from '@gg-software/ui'; <ScrollArea maxHeight={120}> <LongContent /> </ScrollArea>

Props

PropTypeDefaultDescription
childrenReactNodecontent rendered inside the component
maxHeightstring | number
heightstring | number
classNamestring
styleCSSProperties

* required · generated from packages/ui/src/layout/ScrollArea/ScrollArea.tsx