mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-12-15 08:59:15 +08:00
Code Issues Actions 26 Packages Projects Releases Wiki Activity
3639697ba4
ant-design/components/statistic/index.en-US.md
afc163 e027cbec1c
docs: format all markdown (#38629) 
* chore: add prettier-ignore in markdown demo

* docs: format markdown api table

* docs: format markdown api table
2022-11-17 17:31:26 +08:00

2.2 KiB
Raw Blame History

category group title cover demo
Components Data Display Statistic https://gw.alipayobjects.com/zos/antfincdn/rcBNhLBrKbE/Statistic.svg
cols
2

Display statistic number.

When To Use

  • When want to highlight some data.
  • When want to display statistic data with description.

Examples

Basic Unit In Card Countdown

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 section style CSSProperties -

Statistic.Countdown

Property Description Type Default Version
format Format as dayjs 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 | dayjs -
valueStyle Set value section style CSSProperties -
onFinish Trigger when time's up () => void -
onChange Trigger when time's changing (value: number) => void - 4.16.0