Search
Statistic
Display statistic number.
When to use
When want to highlight some data.
When want to display statistic data with description.
When want to display statistic data with description.
Basic
Simplest Usage.
Active Users
112,893
Account Balance (CNY)
112,893.00
Unit
Add unit through prefix and suffix.
Feedback
1,128
Unmerged
93/100
In Card
Display statistic data in Card.
Active
11.28%
Idle
9.30%
Countdown
Countdown component.
Countdown
48:00:29
Million Seconds
48:00:29:946
Day Level
2 days 0 hours 0 minutes 29 seconds
API
Statistic
| Property | Description | Type | Default |
|---|---|---|---|
decimalSeparator | The decimal separator | string | . |
formatter | Customize value display logic | (value) => ReactNode | - |
groupSeparator | Group separator | string | , |
precision | The precision of input value | number | - |
prefix | The prefix node of value | string | ReactNode | - |
suffix | The suffix node of value | string | ReactNode | - |
title | Display title | string | ReactNode | - |
value | Display value | string | number | - |
valueStyle | Set value css style | CSSProperties | - |
Statistic.Countdown
| Property | Description | Type | Default |
|---|---|---|---|
format | Format as moment | string | HH:mm:ss |
onFinish | Trigger when time's up | () => void | - |
prefix | The prefix node of value | string | ReactNode | - |
suffix | The suffix node of value | string | ReactNode | - |
title | Display title | string | ReactNode | - |
value | Set target countdown time | number | moment | - |
valueStyle | Set value css style | CSSProperties | - |