tharikida-ui
Version:
A modern, lightweight React UI component library with built-in theming, accessibility, and full TypeScript support. Create beautiful, responsive, and customizable web apps faster with ready-to-use components for any project.
25 lines (24 loc) • 1.3 kB
TypeScript
import React from "react";
/**
* `ImageCarousel` is a slideshow component for displaying images with animation, custom styles, and timing control.
*
* @param {object} props - The properties to customize the `ImageCarousel` component.
* @param {string[]} props.images - A list of image URLs to display in the carousel.
* @param {string} [props.height] - Height of the carousel container.
* @param {string} [props.width] - Width of the carousel container.
* @param {React.CSSProperties} [props.containerStyle] - Custom styles for the carousel container.
* @param {number} [props.delay=2000] - Delay in milliseconds between image transitions.
* @param {"slide-in-left" | "slide-in-right" | "slide-up" | "slide-down"} [props.animationtype="slide-up"] - Animation type for image transitions.
*
* @returns {JSX.Element} A styled image carousel component.
*/
export interface ImageCarouselProps {
images: string[];
height?: string;
width?: string;
containerStyle?: React.CSSProperties;
delay?: number;
animationtype?: "slide-in-left" | "slide-in-right" | "slide-up" | "slide-down";
}
declare const ImageCarousel: ({ images, height, width, containerStyle, delay, animationtype, }: ImageCarouselProps) => import("react/jsx-runtime").JSX.Element;
export default ImageCarousel;