When to use it
Hosts own stable slide identities and rich content. Native paging requests bounded index changes; there is no autoplay or wrapping. Invalid host indices show recovery without rewriting state.
Data displayReact Native
Carousel
Page through controlled native slides with accessible navigation.
Native example
Use Carousel
Hosts own stable slide identities and rich content. Native paging requests bounded index changes; there is no autoplay or wrapping. Invalid host indices show recovery without rewriting state.
View captured React Native example
<LumenCarousel label="Project slides" slides={slides} index={index} onIndexChange={setIndex} renderSlide={slide => <LumenText>{slide.label}</LumenText>} />Reference
Public API
The primary shared and platform-specific options exposed by LumenCarousel.
| API | Values or type | Default | Description |
|---|---|---|---|
| slides / index | Stable LumenCarouselSlide records / controlled integer | Required | Controls the dataset and current visible page. |
| height / disabled / status | Numeric height / boolean / ready-loading-error | 200 / false / ready | Bounds the viewport and guards native paging and result states. |
Native behavior
Design and accessibility
Accessibility
Localized slide positions, named previous/next and selected indicators with native paging.
Shared component