Skip to content 
Scroll indicator
From Figma to code
...
Customization
INFO
Check everything about the customization mechanics in the "How it works" documentation.
| CSS Variable | Type | Description |
|---|---|---|
--z-scroll-indicator--color | color | Color of the Scroll Indicator |
--z-scroll-indicator--bg | color | Background color of the Scroll Indicator |
--z-scroll-indicator--height | distance | Height of the Scroll Indicator |
The color & background of the scroll indicator can be customized by setting the --z-scroll-indicator-color & --z-scroll-indicator-bg CSS custom property respectively.
Also you can customize the hight of the scroll indicator by setting the --z-scroll-indicator-height CSS custom property.