layout contract
ScrollArea
Custom scrollbar with overlay scroll behaviour.
Variants
- vertical
- Y-axis only
- horizontal
- X-axis only
- both
- XY
Sizes
- sm
- 8pt scrollbar
- md
- 10pt scrollbar
Example
<ScrollArea className="h-96"><Stack>{items.map(...)}</Stack></ScrollArea>Usage rule
Use Radix ScrollArea or equivalent.
The full ScrollArea contract has 3 more rules, plus the do-not patterns. Get the full recipe.