ant-design/components/button/demo/chinese-chars-loading.tsx

34 lines
704 B
TypeScript

import React from 'react';
import { PoweroffOutlined } from '@ant-design/icons';
import { Button, Flex } from 'antd';
const Text1 = () => '部署';
const Text2 = () => <span></span>;
const Text3 = () => 'Submit';
const App: React.FC = () => (
<Flex wrap="wrap" gap="small">
<Button>
<span>
<span></span>
</span>
</Button>
<Button loading></Button>
<Button loading>
<Text1 />
</Button>
<Button loading>
<Text2 />
</Button>
<Button loading>
<Text3 />
</Button>
<Button loading icon={<PoweroffOutlined />}>
<Text1 />
</Button>
<Button loading></Button>
</Flex>
);
export default App;