Carousel

A carousel with motion and swipe built using Embla.

Installation

npx shadcn@latest add https://spoke.georgedrury.co.uk/r/carousel

Lineage

Spoke

Anatomy

import {
	Carousel,
	CarouselContent,
	CarouselItem,
	CarouselPrevious,
	CarouselNext,
} from "@/components/ui/carousel"

export default () => (
	<Carousel>
		<CarouselContent>
			<CarouselItem />
		</CarouselContent>
		<CarouselPrevious />
		<CarouselNext />
	</Carousel>
)

Spoke utility classes

This component uses button variants for navigation controls and inherits all button CSS variables. See the button component documentation for available theming options.