otter-react-photo-view
Version:
An exquisite React photo preview component
19 lines (18 loc) • 726 B
TypeScript
import React from 'react';
import type { BrokenElementParams } from './types';
import './Photo.less';
export interface IPhotoLoadedParams {
loaded?: boolean;
naturalWidth?: number;
naturalHeight?: number;
broken?: boolean;
}
export interface IPhotoProps extends React.HTMLAttributes<HTMLElement> {
src: string;
loaded: boolean;
broken: boolean;
onPhotoLoad: (params: IPhotoLoadedParams) => void;
loadingElement?: JSX.Element;
brokenElement?: JSX.Element | ((photoProps: BrokenElementParams) => JSX.Element);
}
export default function Photo({ src, loaded, broken, className, onPhotoLoad, loadingElement, brokenElement, ...restProps }: IPhotoProps): JSX.Element | null;