react-round-carousel
Version:
An infinitely scrollable 3D carousel component for React
30 lines (29 loc) • 856 B
TypeScript
import { FC } from 'react';
export type CarouselItem = Readonly<{
alt?: string;
image: string;
content: React.ReactNode;
onClick?: () => void;
}>;
export type DecoratedCarouselItem = CarouselItem & Readonly<{
id: string;
}>;
export type CarouselProps = Readonly<{
ref?: React.ForwardedRef<CarouselRef>;
items: CarouselItem[];
itemWidth?: number;
showControls?: boolean;
slideOnClick?: boolean;
classNamePrefix?: string;
nextButtonContent?: string | React.ReactNode;
prevButtonContent?: string | React.ReactNode;
}>;
export type CarouselRef = Readonly<{
next: () => void;
prev: () => void;
getItems: () => DecoratedCarouselItem[];
getSelectedIndex: () => number;
setSelectedIndex: (index: number) => void;
}>;
export declare const Carousel: FC<CarouselProps>;
export default Carousel;