ant-design/components/progress/design/demo/content.tsx

32 lines
798 B
TypeScript
Raw Normal View History

import React from 'react';
import { Flex, Progress, theme } from 'antd';
const Demo = () => {
const { token } = theme.useToken();
return (
<Flex gap="large">
<Flex gap="small" align="center">
<Progress size={16} type="circle" percent={68} trailColor={token.colorPrimaryBg} />
<div></div>
</Flex>
<Flex gap="small" align="center">
<Progress size={16} type="circle" percent={100} status="success" />
<div></div>
</Flex>
<Flex gap="small" align="center">
<Progress
size={16}
type="circle"
percent={68}
status="exception"
trailColor={token.colorErrorBg}
/>
<div>/</div>
</Flex>
</Flex>
);
};
export default Demo;