ant-design/components/statistic/demo/basic.md
2022-05-21 22:14:15 +08:00

668 B

order title
0
zh-CN en-US
基本 Basic

zh-CN

简单的展示。

en-US

Simplest Usage.

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} />
      <Button style={{ marginTop: 16 }} type="primary">
        Recharge
      </Button>
    </Col>
    <Col span={12}>
      <Statistic title="Active Users" value={112893} loading />
    </Col>
  </Row>
);

export default App;