ant-design/components/image/demo/preview-group-top-progress.tsx
thinkasany f566e3b24b
type: supplementary React.FC type (#43410)
* type: supplementary React.FC  type

* fix: remove useless code

* revert: remove useStyle

* revert: card-top

* Update card-top.tsx
2023-07-06 23:54:03 +08:00

21 lines
600 B
TypeScript

import { Image } from 'antd';
import React from 'react';
const App: React.FC = () => (
<Image.PreviewGroup
preview={{ countRender: (current, total) => `当前 ${current} / 总计 ${total}` }}
>
<Image width={150} src="https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg" />
<Image
width={150}
src="https://gw.alipayobjects.com/zos/antfincdn/aPkFc8Sj7n/method-draw-image.svg"
/>
<Image
width={150}
src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
/>
</Image.PreviewGroup>
);
export default App;