Axinom Mosaic Libraries
    Preparing search index...

    Interface InfoImageProps

    interface InfoImageProps {
        alt?: string;
        backgroundColor?: string;
        className?: string;
        fallbackSrc?: string;
        foregroundColor?: string;
        height?: number;
        imageClassName?: string;
        imageTimeout?: number;
        imgHeight?: string | number;
        imgSrc?: string;
        imgWidth?: string | number;
        inlineMenuActions?: ActionData[];
        loadingSkeleton?: ReactNode;
        onError?: (src?: string) => void;
        onImageClick?: (event: MouseEvent<HTMLImageElement, MouseEvent>) => void;
        onLoad?: (src?: string) => void;
        speed?: number;
        style?: CSSProperties;
        viewBox?: string;
        width?: number;
    }

    Hierarchy (View Summary)

    Index

    Properties

    alt? backgroundColor? className? fallbackSrc? foregroundColor? height? imageClassName? imageTimeout? imgHeight? imgSrc? imgWidth? inlineMenuActions? loadingSkeleton? onError? onImageClick? onLoad? speed? style? viewBox? width?

    Properties

    alt?: string

    Image's alt attribute

    backgroundColor?: string

    Loader's background color (default: '#CCCCCC')

    className?: string

    Optional class

    fallbackSrc?: string

    Fallback image url to load in case of load failure. If not set, a fallback background color will be used

    foregroundColor?: string

    Loader's foreground color (default: '#EEECEC')

    height?: number

    Image loader height (default: 50)

    imageClassName?: string

    CSS Class name for additional img element styles

    imageTimeout?: number

    Specify the amount of time the component should wait for the image source to arrive before rendering the fallback, in milliseconds (default: 2000). If the image manages to load at a later time, the image will be rendered

    imgHeight?: string | number

    Image height (default: undefined)

    imgSrc?: string

    Image's url

    imgWidth?: string | number

    Image width (default: undefined)

    inlineMenuActions?: ActionData[]

    Actions that should be available on the image's InlineMenu

    loadingSkeleton?: ReactNode

    SVGRectElement used as the loading animation. If set, will replace the default SVGRectElement

    onError?: (src?: string) => void

    Callback emitted after the image has failed to load. Img src is sent back

    onImageClick?: (event: MouseEvent<HTMLImageElement, MouseEvent>) => void

    Callback emitted when the image element is clicked

    onLoad?: (src?: string) => void

    Callback emitted after the image has successfully loaded. Img src is sent back

    speed?: number

    Animation speed (default: 2)

    style?: CSSProperties

    Optional styles

    viewBox?: string

    SVG's viewbox (defaults to a view box matching the given height and width), adjust this change the skeleton's rendering

    width?: number

    Image loader width (default: 50)

    Settings

    Member Visibility

    On This Page

    Properties