mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-25 00:08:27 +08:00
34 lines
745 B
TypeScript
34 lines
745 B
TypeScript
import React from 'react';
|
|
import { Alert, Flex, Spin } from 'antd';
|
|
|
|
const contentStyle: React.CSSProperties = {
|
|
padding: 50,
|
|
background: 'rgba(0, 0, 0, 0.05)',
|
|
borderRadius: 4,
|
|
};
|
|
|
|
const content = <div style={contentStyle} />;
|
|
|
|
const App: React.FC = () => (
|
|
<Flex gap="middle" vertical>
|
|
<Flex gap="middle">
|
|
<Spin tip="Loading" size="small">
|
|
{content}
|
|
</Spin>
|
|
<Spin tip="Loading">{content}</Spin>
|
|
<Spin tip="Loading" size="large">
|
|
{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;
|