Scrollbar
Sleek custom scroll areas styled to match the design system.
Vertical scroll
Add the .scrollbox class to any container to get a sleek, theme-matched scrollbar. The track and thumb use the design tokens so it looks at home in both dark and light themes.
List item 1Scrollable content row
List item 2Scrollable content row
List item 3Scrollable content row
List item 4Scrollable content row
List item 5Scrollable content row
List item 6Scrollable content row
List item 7Scrollable content row
List item 8Scrollable content row
Thin scrollbar
The .scrollbox--thin modifier gives a minimal 4px scrollbar — ideal for compact panels, chat windows and sidebars.
A
Aria ReedTeam member
J
Jon CarterTeam member
M
Mia LopezTeam member
E
Ella KimTeam member
D
David VanceTeam member
S
Sara ParkTeam member
R
Ravi TanTeam member
N
Nova LinTeam member
O
Omar DiazTeam member
K
Kai WongTeam member
Horizontal scroll
RevenueSwipe horizontally →
OrdersSwipe horizontally →
CustomersSwipe horizontally →
TrafficSwipe horizontally →
ProjectsSwipe horizontally →
AlertsSwipe horizontally →
ReviewsSwipe horizontally →