mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-14 16:19:15 +08:00
985b7ac889
* Fixed a grammatical error | "start" -> "started" Fixed the issue of tense on the button at the example in flex section of the documentation Signed-off-by: Abhay Aggarwal <97821733+abhay-ag@users.noreply.github.com> * added the jest snapshots --------- Signed-off-by: Abhay Aggarwal <97821733+abhay-ag@users.noreply.github.com>
34 lines
937 B
TypeScript
34 lines
937 B
TypeScript
import React from 'react';
|
|
import { Button, Card, Flex, Typography } from 'antd';
|
|
|
|
const cardStyle: React.CSSProperties = {
|
|
width: 620,
|
|
};
|
|
|
|
const imgStyle: React.CSSProperties = {
|
|
display: 'block',
|
|
width: 273,
|
|
};
|
|
|
|
const App: React.FC = () => (
|
|
<Card hoverable style={cardStyle} bodyStyle={{ padding: 0, overflow: 'hidden' }}>
|
|
<Flex justify="space-between">
|
|
<img
|
|
alt="avatar"
|
|
src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
|
|
style={imgStyle}
|
|
/>
|
|
<Flex vertical align="flex-end" justify="space-between" style={{ padding: 32 }}>
|
|
<Typography.Title level={3}>
|
|
“antd is an enterprise-class UI design language and React UI library.”
|
|
</Typography.Title>
|
|
<Button type="primary" href="https://ant.design" target="_blank">
|
|
Get Started
|
|
</Button>
|
|
</Flex>
|
|
</Flex>
|
|
</Card>
|
|
);
|
|
|
|
export default App;
|