mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-15 09:21:22 +08:00
8cca17f5ce
* fix: adjust spin styles to support sm/lg variants * doc: add sized tip examples to Spin docs * test: update spin component snapshots
29 lines
667 B
TypeScript
29 lines
667 B
TypeScript
import React from 'react';
|
|
import { Alert, Space, Spin } from 'antd';
|
|
|
|
const App: React.FC = () => (
|
|
<Space direction="vertical" style={{ width: '100%' }}>
|
|
<Space>
|
|
<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>
|
|
</Space>
|
|
|
|
<Spin tip="Loading...">
|
|
<Alert
|
|
message="Alert message title"
|
|
description="Further details about the context of this alert."
|
|
type="info"
|
|
/>
|
|
</Spin>
|
|
</Space>
|
|
);
|
|
|
|
export default App;
|