ComponentsEffects
Scroll progress
A reading line for how far through content a reader is
Profile
Notifications
Appearance
Keyboard
Integrations
Sessions
Billing
Danger zone
Installation
nub add @gpuixui/componentsUsage
import { ScrollProgress } from "@gpuixui/components/scroll-progress";
<ScrollProgress label="Settings read" style={{ height: 240 }}>
{settings.map((setting) => (
<SettingsRow key={setting.id} setting={setting} />
))}
</ScrollProgress>;API
| Prop | Type | Default |
|---|---|---|
children | ReactNode | — |
side | "top" | "bottom" | "bottom" |
thickness | number | 3 |
color | string | theme.colors.primary |
trackColor | string | theme.colors.muted |
label | string | — |
testId | string | — |
className | string | — |
style | StyleDesc | — |
Edit this page on GitHubpackages/components/docs/scroll-progress.mdx