ant-design/components/image/demo/preview-group-visible.tsx
daisy ab0103f33a
feat(Image): imageRender、toolbarRender、onTransform、items、minScale、max… (#43075)
* feat(Image): imageRender、toolbarRender、onTransform、items、minScale、maxScale

* test: update snapshots

* demo: revokeObjectURL url

* docs: update

* docs: update

* docs: update

* fix: revert style

* docs: update md
2023-06-21 19:58:28 +08:00

20 lines
627 B
TypeScript

import { Image } from 'antd';
import React from 'react';
const App: React.FC = () => (
<Image.PreviewGroup
items={[
'https://gw.alipayobjects.com/zos/antfincdn/LlvErxo8H9/photo-1503185912284-5271ff81b9a8.webp',
'https://gw.alipayobjects.com/zos/antfincdn/cV16ZqzMjW/photo-1473091540282-9b846e7965e3.webp',
'https://gw.alipayobjects.com/zos/antfincdn/x43I27A55%26/photo-1438109491414-7198515b166b.webp',
]}
>
<Image
width={200}
src="https://gw.alipayobjects.com/zos/antfincdn/LlvErxo8H9/photo-1503185912284-5271ff81b9a8.webp"
/>
</Image.PreviewGroup>
);
export default App;