Components

Carousel

Carousel

A slideshow component that cycles through elements.

API Reference

Root

Prop	Type	Default
align	'center' \| 'end' \| 'start'
asChild	boolean
defaultIndex	number
dir	'ltr' \| 'rtl'
getRootNode	() => ShadowRoot \| Node \| Document
id	string
ids	Partial<{ root: string viewport: string slide(index: number): string slideGroup: string nextSlideTrigger: string prevSlideTrigger: string indicatorGroup: string indicator(index: number): string }>
index	number
loop	boolean
onSlideChange	(details: SlideChangeDetails) => void
orientation	'horizontal' \| 'vertical'
slidesPerView	number \| 'auto'
spacing	string

Slide

Prop	Type	Default
index	number
asChild	boolean

Control

Prop	Type	Default
asChild	boolean

Viewport

Prop	Type	Default
asChild	boolean

Indicator

Prop	Type	Default
index	number
asChild	boolean
readOnly	boolean

SlideGroup

Prop	Type	Default
asChild	boolean

IndicatorGroup

Prop	Type	Default
asChild	boolean

NextSlideTrigger

Prop	Type	Default
asChild	boolean

PrevSlideTrigger

Prop	Type	Default
asChild	boolean