mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-12-26 01:42:30 +08:00
Code Issues Actions 42 Packages Projects Releases Wiki Activity
4fa4f4c49f
ant-design/components/image/demo/previewGroup.md
骗你是小猫咪 18c6d6fedb
feat: Image add PreviewGroup component to support multiple images preview (#28069) 
* feat: Image add PreviewGroup component to support multiple images preview

* demo and PreviewGroup type

* add demo snapshot
2020-11-30 15:54:54 +08:00

661 B
Raw Blame History

order title
5
zh-CN en-US
多张图片预览 Multiple image preview

zh-CN

点击左右切换按钮可以预览多张图片。

en-US

Click the left and right switch buttons to preview multiple images.

import { Image } from 'antd';

function ImageDemo() {
  return (
    <Image.PreviewGroup>
      <Image
        width={200}
        src="https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg"
      />
      <Image
        width={200}
        src="https://gw.alipayobjects.com/zos/antfincdn/aPkFc8Sj7n/method-draw-image.svg"
      />
    </Image.PreviewGroup>
  );
}

ReactDOM.render(<ImageDemo />, mountNode);