Carousel

The Carousel component is used to show slideable components.

1. Import

KUMUI exports 5 Carousel-related components:

import { Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext } from "@rohitgadekar/kimui";

2. Usage


1
2
3
4
5

3. API

Attribute Type Description Default
children
React.ReactNode
The content of the carousel, typically including CarouselItem components. -
className
string
Optional CSS class for custom styling. -

3.2 CarouselContent

Attribute Type Description Default
children
React.ReactNode
Content inside the carousel, typically including CarouselItem components. -
className
string
Optional CSS class for custom styling. -

3.3 CarouselItem

Attribute Type Description Default
children
React.ReactNode
The content inside the individual carousel item (e.g., Card or other components). -
className
string
Optional CSS class for custom styling. -

3.4 CarouselPrevious

Attribute Type Description Default
children
React.ReactNode
Optional content inside the CarouselPrevious button, such as an icon or text. -
className
string
Optional CSS class for custom styling. -

3.5 CarouselNext

AttributeTypeDescriptionDefault
children

React.ReactNode

Optional content inside the CarouselNext button, such as an icon or text.-
className

string

Optional CSS class for custom styling.-