ant-design/components/statistic/demo/basic.md

39 lines
668 B
Markdown
Raw Normal View History

---
order: 0
title:
zh-CN: 基本
en-US: Basic
---
## zh-CN
简单的展示。
## en-US
Simplest Usage.
```tsx
2022-05-23 14:37:16 +08:00
import { Button, Col, Row, Statistic } from 'antd';
import React from 'react';
const App: React.FC = () => (
<Row gutter={16}>
<Col span={12}>
<Statistic title="Active Users" value={112893} />
</Col>
<Col span={12}>
<Statistic title="Account Balance (CNY)" value={112893} precision={2} />
2019-05-07 14:57:32 +08:00
<Button style={{ marginTop: 16 }} type="primary">
Recharge
</Button>
</Col>
<Col span={12}>
<Statistic title="Active Users" value={112893} loading />
</Col>
</Row>
);
export default App;
```