react-tech-slider
Version:
Reusable React component slider for showcasing brands
31 lines (30 loc) • 880 B
TypeScript
import type { CSSProperties } from "react";
export interface Brand {
id: number;
name: string;
img: string;
width?: number;
height?: number;
style?: CSSProperties;
className?: string;
}
export interface SliderBaseProps {
readonly brandsList: Brand[];
readonly iconWidth?: number;
readonly className?: string;
}
export interface RunningSliderProps extends SliderBaseProps {
readonly variant?: "running";
readonly borderWidth?: number;
readonly borderColor?: string;
readonly backgroundColor?: string;
readonly isPlay?: boolean;
readonly pauseOnHoverActive?: boolean;
readonly durationMs?: number;
}
export interface FadesSliderProps extends SliderBaseProps {
readonly variant: "fades";
readonly gap?: number;
readonly speed?: number;
}
export type SliderProps = RunningSliderProps | FadesSliderProps;