Scroll container
A scrollable region with a styled scrollbar. Used inside cards, modals, and side panels so the scrollbar doesn't look like the OS default.
Usage
Recent receipts
R-19281$ 26.13
R-19280$ 42.52
R-19279$ 17.85
R-19278$ 14.01
R-19277$ 53.84
R-19276$ 41.67
R-19275$ 41.11
R-19274$ 41.19
R-19273$ 24.14
R-19272$ 23.64
R-19271$ 11.98
R-19270$ 15.74
R-19269$ 6.59
R-19268$ 12.80
R-19267$ 28.49
R-19266$ 43.32
R-19265$ 7.15
R-19264$ 51.53
R-19263$ 49.11
R-19262$ 31.64
Do & don't
Do
Use a styled scrollbar when the container has a finite known height.
Don't
Wrap the whole page in a scroll container. Let the browser handle page scroll.
Do
Show the scrollbar only on hover/scroll. It should disappear when idle.
Don't
Use horizontal scroll on desktop. Resize content; only use horizontal scroll on touch.