Navigation
Horizontal pager
Available forNativeWeb
snap pager + dots
Usage
Peeking cards: itemWidth smaller than the screen shows the next card. Dots included.
API
<HorizontalPager itemWidth gap? showDots? onIndexChange?>{cards}</HorizontalPager>Get it
Already in every copy of the native kit:
import { HorizontalPager } from '@/components/kit/horizontal-pager';Details
- Exports
HorizontalPager- Installs with
- @kit-native/pager-dots
- Also searched as
- carousel, swipe, slides, banner
- Registry JSON
- /r/native/horizontal-pager.json
Usage
Peeking cards: an itemWidth under 100% shows the next card. Dots included.
API
<HorizontalPager itemWidth? gap? showDots? onIndexChange?>{cards}</HorizontalPager>Get it
Already in every copy of the web kit:
import { HorizontalPager } from '@/components/kit/horizontal-pager';Details
- Exports
HorizontalPager- Packages
- cn@^0.4.0
- Installs with
- @kit/pager-dots
- Also searched as
- carousel, swipe, slides, banner
- Registry JSON
- /r/web/horizontal-pager.json
Agents: the whole registry is at /llms.txt.