Pager dots · Components

Full-width slides: HorizontalPager with itemWidth = screen width. The dots are bound to the pager; use PagerDots alone only for a custom pager.

The native kit's real component, live in its web build at phone width. Follows this site's theme.

Usage

Full-width slides: HorizontalPager with itemWidth = screen width. The dots are bound to the pager; use PagerDots alone only for a custom pager.

<PagerDots count activeIndex /> — HorizontalPager renders them for you

Already in every copy of the native kit:

import { PagerDots } from '@/components/kit/pager-dots';

Exports: PagerDots
Source: apps/mobile/components/kit/pager-dots.tsx
Installs with: @kit-native/lib-utils
Also searched as: page indicator, carousel dots, onboarding slides, full-width pager
Registry JSON: /r/native/pager-dots.json

The web kit's real component, live. Follows this site's theme.

The dots are bound to the pager; use PagerDots alone only for a custom pager.

<PagerDots count activeIndex />

Already in every copy of the web kit:

import { PagerDots } from '@/components/kit/pager-dots';

Agents: the whole registry is at /llms.txt.