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

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

34 lines
766 B
TypeScript

import React from 'react';
import { Flex, Progress } from 'antd';
const Demo = () => (
<Flex vertical gap="middle">
<Flex>
<div style={{ width: 106 }}></div>
<Progress type="line" percent={50} showInfo={false} style={{ width: 320 }} />
</Flex>
<Flex>
<div style={{ width: 106 }}></div>
<Progress
type="line"
percent={100}
status="success"
showInfo={false}
style={{ width: 320 }}
/>
</Flex>
<Flex>
<div style={{ width: 106 }}></div>
<Progress
type="line"
percent={30}
status="exception"
showInfo={false}
style={{ width: 320 }}
/>
</Flex>
</Flex>
);
export default Demo;