Carousel
A carousel with motion and swipe built using scroll snapping.
Installation
dotnet add package Lumeo
One-time app setup (AddLumeo(), CSS & JS) is covered in the
installation guide.
Usage
@using Lumeo <Carousel />
When to Use
- Image galleries and product photo showcases
- Testimonial sliders and customer review rotations
- Onboarding flows and feature highlight walkthroughs
- Product showcases where multiple items share limited horizontal space
1
2
3
4
5
1
2
3
4
5
Pick a value to see it applied live.
1
2
3
4
1
2
3
4
5
1
2
3
4
5
1
2
3
4
5
Electronics
Wireless Headphones
$79.99
Accessories
Leather Wallet
$34.99
Footwear
Running Shoes
$119.99
Kitchen
Coffee Mug
$14.99
API Reference
Carousel
CarouselContent
CarouselItem
CarouselPrevious
Automatically disables when there is no previous slide to scroll to (at the start, unless Loop is set).
CarouselNext
Automatically disables when there is no next slide to scroll to (at the end, unless Loop is set).
Related Components
- Tabs — For switching between distinct content panels without sliding
- ScrollArea — For scrollable content areas with custom scrollbars