@neuctra/ui/dist/types/components/basic/Image.d.ts

A modern, responsive, customizable React UI component library powered by Tailwind CSS and Vite.

import { default as React } from 'react';
type Responsive<T> = T | {
    base?: T;
    sm?: T;
    md?: T;
    lg?: T;
    xl?: T;
};
export interface ImageProps extends React.HTMLAttributes<HTMLDivElement> {
    src?: string;
    alt?: string;
    title?: string;
    /** Layout */
    width?: Responsive<number | string>;
    height?: Responsive<number | string>;
    aspectRatio?: number;
    /** Styling */
    radius?: number | string;
    border?: string;
    shadow?: boolean;
    opacity?: number;
    objectFit?: React.CSSProperties["objectFit"];
    /** Overlay */
    overlay?: React.ReactNode;
    overlayColor?: string;
    /** Interaction */
    clickable?: boolean;
    onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
    /** States */
    fallback?: React.ReactNode;
    /** Behavior */
    loading?: "lazy" | "eager";
    /** 🔥 Full Customization */
    className?: string;
    imageClassName?: string;
    overlayClassName?: string;
    fallbackClassName?: string;
    style?: React.CSSProperties;
    imageStyle?: React.CSSProperties;
    overlayStyle?: React.CSSProperties;
    fallbackStyle?: React.CSSProperties;
}
export declare const Image: React.ForwardRefExoticComponent<ImageProps & React.RefAttributes<HTMLDivElement>>;
export {};