@lifarl/react-scroll-snap-slider
Version:
A React Slider / Carousel Component with Scroll Snapping and Intersection Observer. ***[Demo](https://lifarl.github.io/react-scroll-snap-slider/)***
24 lines (23 loc) • 775 B
TypeScript
/// <reference types="react" />
export interface CarouselProps {
children: React.ReactNode;
renderCustomArrow?: ({ direction, ref, onClick, }: CustomArrowProps) => JSX.Element;
slidesPerPageSettings?: SlidesPerPageSettings;
slideWidth?: number;
onScrollStart?: (index: number) => void;
onScrollEnd?: (index: number) => void;
onSlidesVisibilityChange?: (index: number) => void;
onSlideVisible?: (index: number) => void;
}
export interface SlidesPerPageSettings {
mobileSmall: number;
mobileBig: number;
tablet: number;
desktop: number;
}
interface CustomArrowProps {
direction: 'prev' | 'next';
ref: React.RefObject<HTMLDivElement>;
onClick: (direction: 'prev' | 'next') => void;
}
export {};