Glowup
DATA DISPLAY · 55 / 89
Carousel
Carousel — a Material You data display component for React Native and web.
packages/ui/src/components/Carousel.tsx
Live demo
360
720
Full
Slide 1
Slide 2
Slide 3
Properties
3 controls
Show Dots
Show Arrows
Auto-play (ms, 0 = off)
Usage
Carousel.tsx
<
Carousel
/>
Variants
The states and shapes this component is meant to be used in.
Onboarding
Track every shipment
Live courier updates land in one timeline, no tab hopping.
Invoice in two taps
Turn a delivered order into a sent invoice without retyping it.
Share with your team
Invite teammates as guests and scope them to single projects.
With arrows
€18,420
Revenue, March 2026
312
Orders shipped
4.7 / 5
Average review score
Testimonials
AL
“Rollouts that used to take an afternoon now take a coffee break.”
Ada Lovelace — Engineering lead, Northwind
GH
“The audit trail alone paid for the migration in the first quarter.”
Grace Hopper — Platform architect, Contoso
API reference
Generated from the library's TypeScript, so it cannot drift from the implementation.
Props
6 on CarouselProps
children
required
React.ReactNode
autoPlayInterval
number
default: 0
Auto-advance interval in ms; 0 disables auto-play.
height
number
Fixed height; otherwise sized by the tallest page.
onIndexChange
(index: number) => void
showArrows
boolean
default: false
Overlay prev/next arrow buttons.
showDots
boolean
default: true
Previous
Accordion
Next
Stat