aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
110 lines • 2.24 kB
TypeScript
import React from "react";
export interface ImageViewerImage {
src: string;
alt?: string;
title?: string;
description?: string;
width?: number;
height?: number;
}
export interface GlassImageViewerProps {
/**
* Images to display
*/
images: ImageViewerImage[];
/**
* Initial image index
*/
initialIndex?: number;
/**
* Enable zoom functionality
*/
enableZoom?: boolean;
/**
* Enable pan functionality
*/
enablePan?: boolean;
/**
* Enable rotation
*/
enableRotation?: boolean;
/**
* Enable fullscreen mode
*/
enableFullscreen?: boolean;
/**
* Enable image navigation
*/
enableNavigation?: boolean;
/**
* Show zoom controls
*/
showZoomControls?: boolean;
/**
* Show rotation controls
*/
showRotationControls?: boolean;
/**
* Show download button
*/
showDownloadButton?: boolean;
/**
* Show image info
*/
showImageInfo?: boolean;
/**
* Auto-play slideshow
*/
autoPlay?: boolean;
/**
* Auto-play interval in milliseconds
*/
autoPlayInterval?: number;
/**
* Zoom levels
*/
zoomLevels?: number[];
/**
* Minimum zoom level
*/
minZoom?: number;
/**
* Maximum zoom level
*/
maxZoom?: number;
/**
* Image fit mode
*/
objectFit?: "contain" | "cover" | "fill" | "none" | "scale-down";
/**
* Loading state
*/
loading?: boolean;
/**
* Error message
*/
error?: string;
/**
* Custom className
*/
className?: string;
/**
* Image change callback
*/
onImageChange?: (index: number) => void;
/**
* Zoom change callback
*/
onZoomChange?: (zoom: number) => void;
/**
* Fullscreen change callback
*/
onFullscreenChange?: (fullscreen: boolean) => void;
}
/**
* GlassImageViewer component
* A comprehensive image viewer with zoom, pan, rotation, and slideshow features
*/
export declare const GlassImageViewer: React.FC<GlassImageViewerProps>;
export default GlassImageViewer;
//# sourceMappingURL=GlassImageViewer.d.ts.map