{"repo":"react-component/image","free":true,"listed":false,"github":"https://github.com/react-component/image","clone":"git clone https://github.com/react-component/image.git","description":"🖼️ Image display, fallback, and preview tooling for React.","language":"TypeScript","stars":212,"topics":["ant-design","antd","react","react-component","javascript"],"license":"MIT","category":"media-processing","readme_excerpt":"@rc-component/image Part of the Ant Design ecosystem. 🖼️ Image display, fallback, and preview tooling for React. English 简体中文 Highlights - Supports placeholder, fallback, and preview. - Preview supports zoom, rotate, flip, drag, keyboard access, and custom actions. - Image.PreviewGroup supports grouped preview and custom preview items. - Ships compiled JavaScript, TypeScript definitions, and CSS assets. Install Usage Preview Group Examples Run the local dumi site: Then open http://localhost:8000 . API Image Property Description Type Default --- --- --- --- fallback Image source used when loading fails string - placeholder Placeholder before image loads boolean \\ React.ReactElement - prefixCls Component class name prefix string rc-image preview Whether and how to show preview boolean \\ PreviewConfig true previewPrefixCls Preview class name prefix string rc-image-preview src Image source string - onError Callback when image loading fails (event: Event) = void - Native image attributes are also supported. PreviewConfig Property Description Type Default --- --- --- --- actionsRender Custom toolbar renderer (node: React.ReactElement, info: Omit ) = React.ReactNode - closeIcon Custom close icon React.ReactNode - cover Custom preview cover React.ReactNode \\ CoverConfig - countRender Custom count renderer (current: number, total: number) = React.ReactNode - forceRender Force render preview boolean false getContainer Preview container string \\ HTMLElement \\ () = HTMLElement \\ false d","default_branch":null,"files":null,"tree":[],"storefront":"/r/react-component","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/react-component/image/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}