mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-05 09:49:57 +08:00
28 lines
647 B
TypeScript
28 lines
647 B
TypeScript
import React from 'react';
|
|
import { Alert, Flex, Spin } from 'antd';
|
|
|
|
const App: React.FC = () => (
|
|
<Flex gap="small" vertical>
|
|
<Flex gap="small">
|
|
<Spin tip="Loading" size="small">
|
|
<div className="content" />
|
|
</Spin>
|
|
<Spin tip="Loading">
|
|
<div className="content" />
|
|
</Spin>
|
|
<Spin tip="Loading" size="large">
|
|
<div className="content" />
|
|
</Spin>
|
|
</Flex>
|
|
<Spin tip="Loading...">
|
|
<Alert
|
|
message="Alert message title"
|
|
description="Further details about the context of this alert."
|
|
type="info"
|
|
/>
|
|
</Spin>
|
|
</Flex>
|
|
);
|
|
|
|
export default App;
|