Component
Page indicator
A row of dots marking position within a paged set, the active dot grows slightly and tracks the current page with a spring.
The primitive
page indicator.tsx
<NativePageIndicator count={4} current={current} onSelect={setCurrent} />Example
Tracks position beneath an onboarding carousel, the active dot growing as the user swipes between slides.
Slide 2 of 4
page-indicator-example.tsx
<OnboardingSlide index={current} />
<NativePageIndicator count={4} current={current} onSelect={setCurrent} />Capabilities
| Prop | Type | Description |
|---|---|---|
| countrequired | number | — |
| currentrequired | number | — |
| onSelect | (index: number) => void | — |
| color | string | — |
| inactiveColor | string | — |
| className | string | — |