You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
31 lines
676 B
31 lines
676 B
import React, { useState } from 'react';
|
|
import { Alert, Spin, Switch } from 'antd';
|
|
|
|
const App: React.FC = () => {
|
|
const [loading, setLoading] = useState(false);
|
|
|
|
const toggle = (checked: boolean) => {
|
|
setLoading(checked);
|
|
};
|
|
const container = (
|
|
<Alert
|
|
message="Alert message title"
|
|
description="Further details about the context of this alert."
|
|
type="info"
|
|
/>
|
|
);
|
|
|
|
return (
|
|
<div>
|
|
<Spin spinning={loading} delay={500}>
|
|
{container}
|
|
</Spin>
|
|
<div style={{ marginTop: 16 }}>
|
|
Loading state：
|
|
<Switch checked={loading} onChange={toggle} />
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default App;
|
|
|