UNPKG

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
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;