navigation

ScrollIndicator

Fixed scroll position indicator.

npx chaos add scroll-indicator

PREVIEW

↓

USAGE

import { ScrollIndicator } from '@/components/chaos/navigation/scroll-indicator';

<ScrollIndicator />
<ScrollIndicator showPercentage variant="blood" />
<ScrollIndicator text="DEPTH" showArrow position="left" />

PROPS

PropTypeDefault

textDisplay text

string"SCROLL"

showArrowShow arrow

booleanfalse

showPercentageShow scroll percentage

booleanfalse

variantVisual variant

"default" | "blood" | "minimal""default"

positionPosition

"right" | "left""right"

trackHeightTrack height in px

number100