Media
Carousel
A touch-responsive slider for cycling through content with smooth transitions and intuitive navigation.
Alpine SanctuaryExperience the ultimate mountain retreat
Neon MetropolisThe future is brighter than you think
Coastal SerenityDiscover hidden gems along the shore
Golden HourCaptured in the perfect moment of light
Props
| Prop | Type | Default |
|---|---|---|
children | ReactNode | — |
showArrows | boolean | true |
showDots | boolean | true |
autoPlay | boolean | false |
autoPlayInterval | number | 4000 |
className | string | — |
Usage
// Basic carousel with images
import { Carousel } from '@/components/ui/carousel';
import { View, Image, Text } from 'react-native';
<Carousel autoPlay>
<View className="h-80 relative">
<Image source={{ uri: '...' }} />
<View className="absolute inset-0">
<Text>Slide Title</Text>
</View>
</View>
</Carousel>