ant-design/components/progress/design/demo/info.tsx
MadCcc e6e260db77
docs: add Progress design tab (#47013)
* docs: add Progress design tab

* chore: correct lint
2024-01-18 15:31:32 +08:00

14 lines
442 B
TypeScript

import React from 'react';
import { Flex, Progress } from 'antd';
const Demo = () => (
<Flex vertical gap="middle">
<Progress type="line" percent={50} style={{ width: 320 }} />
<Progress percent={50} format={() => '加载中'} style={{ width: 320 }} />
<Progress percent={100} status="success" style={{ width: 320 }} />
<Progress percent={70} status="exception" style={{ width: 320 }} />
</Flex>
);
export default Demo;