mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-01 19:49:59 +08:00
b4c67402e6
* feat: add loading prop for Statistic * feat: update statistic demo * feat: add style dependency * feat: replace loading component * feat: update doc of statistic * fix loading type * feat: add loading prop for Statistic * feat: update statistic demo * update api version Co-authored-by: lvpansen <pansen.lv@atzuche.com>
1.5 KiB
1.5 KiB
| category | type | title | cover |
|---|---|---|---|
| Components | Data Display | Statistic | https://gw.alipayobjects.com/zos/antfincdn/rcBNhLBrKbE/Statistic.svg |
Display statistic number.
When To Use
- When want to highlight some data.
- When want to display statistic data with description.
API
Statistic
| Property | Description | Type | Default | Version |
|---|---|---|---|---|
| decimalSeparator | The decimal separator | string | . |
|
| formatter | Customize value display logic | (value) => ReactNode | - | |
| groupSeparator | Group separator | string | , |
|
| loading | Loading status of Statistic | boolean | false | 4.8.0 |
| precision | The precision of input value | number | - | |
| prefix | The prefix node of value | ReactNode | - | |
| suffix | The suffix node of value | ReactNode | - | |
| title | Display title | ReactNode | - | |
| value | Display value | string | number | - | |
| valueStyle | Set value css style | CSSProperties | - |
Statistic.Countdown
| Property | Description | Type | Default | Version |
|---|---|---|---|---|
| format | Format as moment | string | HH:mm:ss |
|
| prefix | The prefix node of value | ReactNode | - | |
| suffix | The suffix node of value | ReactNode | - | |
| title | Display title | ReactNode | - | |
| value | Set target countdown time | number | moment | - | |
| valueStyle | Set value css style | CSSProperties | - | |
| onFinish | Trigger when time's up | () => void | - |