lightswind
Version:
A collection of beautifully crafted React Components, Blocks & Templates for Modern Developers. Create stunning web applications effortlessly by using our 160+ professional and animated react components.
50 lines • 1.16 kB
TypeScript
interface AngledSliderProps {
/**
* Array of image objects or URLs
*/
items: {
id: string | number;
url: string;
alt?: string;
title?: string;
}[];
/**
* Speed of auto-scroll (seconds for full loop). Higher is slower.
* @default 20
*/
speed?: number;
/**
* Direction of scroll
* @default "left"
*/
direction?: "left" | "right";
/**
* Height of the slider container
* @default "400px"
*/
containerHeight?: string;
/**
* Width of each card
* @default "300px"
*/
cardWidth?: string;
/**
* Gap between cards
* @default "40px"
*/
gap?: string;
/**
* Angle of the 3D skew/rotation
* @default 20
*/
angle?: number;
/**
* Scale on hover
* @default 1.05
*/
hoverScale?: number;
className?: string;
}
export declare const AngledSlider: ({ items, speed, direction, containerHeight, cardWidth, gap, angle, hoverScale, className, }: AngledSliderProps) => import("react/jsx-runtime").JSX.Element;
export {};
//# sourceMappingURL=angled-slider.d.ts.map