ant-design/components/image/demo/imageRender.tsx
daisy 1ef07e97ba
feat(Image): modify layout and support closeIcon、PreviewGroup fallback (#43167)
* feat(Image): modify layout and support closeIcon、PreviewGroup fallback

* docs: modify text

* style: add skip right

* chore: update snapshot

* fix: disabled hover

* fix: lint error

* style: close icon transition

* docs: # link

* demo: update demo

* demo: add comment

* demo: remove comment
2023-07-07 09:54:19 +08:00

22 lines
474 B
TypeScript

import { Image } from 'antd';
import React from 'react';
const App: React.FC = () => (
<Image
width={200}
preview={{
imageRender: () => (
<video
muted
width="100%"
controls
src="https://mdn.alipayobjects.com/huamei_iwk9zp/afts/file/A*uYT7SZwhJnUAAAAAAAAAAAAADgCCAQ"
/>
),
}}
src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
/>
);
export default App;