solidjs-swiper
Version:
A simple image swiper built in Solid-JS
28 lines (24 loc) • 793 B
TypeScript
import { JSX, Accessor } from 'solid-js';
type SwiperProps<P extends readonly any[], I extends JSX.Element> = {
children?: (item: P[number], index: Accessor<number>) => I;
items: P | undefined | null | false;
threshold?: number;
index?: number;
onReady?: OnReadyEvent;
onChange?: OnChangeEvent;
};
interface SwiperItemsElements {
[key: number | string]: HTMLDivElement;
}
interface OnReadyEvent {
(api: OnReadyApi): void;
}
interface OnReadyApi {
next: () => void;
prev: () => void;
}
interface OnChangeEvent {
(newIndex: number): void;
}
declare function Swiper<P extends readonly any[], I extends JSX.Element>(attrs: SwiperProps<P, I>): JSX.Element;
export { OnChangeEvent, OnReadyApi, OnReadyEvent, Swiper, SwiperItemsElements, SwiperProps };