React Carousel Component

Installation

pnpm add krz-ui

Usage

import { Carousel } from "krz-ui";

<Carousel slidesPerView={2} loop autoPlay={4000}>
  <img src="/1.jpg" alt="" />
  <img src="/2.jpg" alt="" />
  <img src="/3.jpg" alt="" />
</Carousel>

API Reference

Prop	Type	Description
`children`	`ReactNode`	Each child is a slide.
`slidesPerView`	`number`	Slides visible at once. Defaults to 1.
`gap`	`number`	Space between slides in px. Defaults to 16.
`loop`	`boolean`	Wrap from the last slide to the first.
`autoPlay`	`number`	Advance every N ms. Pauses on hover and focus.
`showArrows / showDots`	`boolean`	Show navigation controls. Both default to true.
`onIndexChange`	`(index: number) => void`	Called when the first visible slide changes.
`className / style / ref`	`—`	All go to the outer element. See Customization.
`classNames`	`{ viewport?, track?, slide?, arrow?, dots?, dot? }`	Extra classes for inner parts.