mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-03 16:39:41 +08:00
882cec62d6
* docs: Add components overview page * fix detail * remove ContributorsList form overview page * fix components url * improve code style * remove extra file * fix detail * fix lint * fix lint * docs: Finish components overview page * fix lint * docs: Update cover * fix lint * update cover * update menu * improve overview page * refactor code * fix order * update title * add components count * fix overview page ssr bug * move less file * update title margin Co-authored-by: arvinxx <arvinx@foxmail.com>
1.9 KiB
1.9 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 | decimal separator | string | . | |
| formatter | customize value display logic | (value) => ReactNode | - | |
| groupSeparator | group separator | string | , | |
| precision | precision of input value | number | - | |
| prefix | prefix node of value | string | ReactNode | - | |
| suffix | 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 | Version |
|---|---|---|---|---|
| format | Format as moment | string | 'HH:mm:ss' | |
| onFinish | Trigger when time's up | () => void | - | |
| prefix | prefix node of value | string | ReactNode | - | |
| suffix | suffix node of value | string | ReactNode | - | |
| title | Display title | string | ReactNode | - | |
| value | Set target countdown time | number | moment | - | |
| valueStyle | Set value css style | CSSProperties | - |