react-three-d
Version:
A versatile React library designed to simplify the process of creating and manipulating 3D shapes using CSS.
34 lines (33 loc) • 1.35 kB
TypeScript
import React from 'react';
type Unit = `${number}${'px' | 'em' | 'rem' | 'vw' | 'vh' | 'vmin' | 'vmax' | '%'}`;
type CommonProps = {
height: Unit;
isHorizontal?: boolean;
perspective: Unit;
width: Unit;
};
type StaticProps = CommonProps & {
isInfiniteMode?: boolean;
isNavigation?: boolean;
itemsToScroll?: number;
mouseSwipeRatio?: number;
mouseSwipeTreshold?: number;
onChange?: (newIndex: number) => void;
selectedIndex?: number;
selectedProps?: React.HTMLAttributes<any>;
swipeRatio?: number;
swipeTreshold?: number;
touchSwipeRatio?: number;
touchSwipeTreshold?: number;
};
type ResponsiveProp = CommonProps & {
maxWidth?: number | null;
minWidth?: number;
};
type ResponsiveProps = {
responsiveProps?: ResponsiveProp[];
};
export type GalleryProps = Omit<React.ComponentPropsWithoutRef<'div'>, 'onChange'> & StaticProps & ResponsiveProps;
declare function Gallery({ children, isInfiniteMode, isNavigation, itemsToScroll, mouseSwipeRatio, mouseSwipeTreshold, onChange, responsiveProps, selectedIndex, selectedProps: { className: selectedCellClassName, ...selectedProps }, swipeRatio, swipeTreshold, touchSwipeRatio, touchSwipeTreshold, ...props }: GalleryProps): React.JSX.Element;
declare const _default: React.MemoExoticComponent<typeof Gallery>;
export default _default;