mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-01-23 01:45:05 +08:00
Code Issues Actions 29 Packages Projects Releases Wiki Activity
9da9af3854
ant-design/components/statistic/index.en-US.md
thinkasany 585337724c
Some checks are pending
Publish Any Commit / build (push) Waiting to run
Details
✅ test v6 / lint (push) Waiting to run
Details
✅ test v6 / test-react-legacy (18, 1/2) (push) Waiting to run
Details
✅ test v6 / test-react-legacy (18, 2/2) (push) Waiting to run
Details
✅ test v6 / test-node (push) Waiting to run
Details
✅ test v6 / test-react-latest (dom, 1/2) (push) Waiting to run
Details
✅ test v6 / test-react-latest (dom, 2/2) (push) Waiting to run
Details
✅ test v6 / test-react-latest-dist (dist, 1/2) (push) Blocked by required conditions
Details
✅ test v6 / test-react-latest-dist (dist, 2/2) (push) Blocked by required conditions
Details
✅ test v6 / test-react-latest-dist (dist-min, 1/2) (push) Blocked by required conditions
Details
✅ test v6 / test-react-latest-dist (dist-min, 2/2) (push) Blocked by required conditions
Details
✅ test v6 / test-coverage (push) Blocked by required conditions
Details
✅ test v6 / build (push) Waiting to run
Details
✅ test v6 / test lib/es module (es, 1/2) (push) Waiting to run
Details
✅ test v6 / test lib/es module (es, 2/2) (push) Waiting to run
Details
✅ test v6 / test lib/es module (lib, 1/2) (push) Waiting to run
Details
✅ test v6 / test lib/es module (lib, 2/2) (push) Waiting to run
Details
👁️ Visual Regression Persist Start / test image (push) Waiting to run
Details
feat: ConfigProvider support classNames and styles for Statistic (#52141) 
* feat: ConfigProvider support  and  for statistic

* update version

* fix

* deprecated  valueStyle
2025-01-07 15:49:55 +08:00

2.7 KiB
Raw Blame History

category group title description cover coverDark demo
Components Data Display Statistic Display statistic number. https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*YL7PRYNtH-4AAAAAAAAAAAAADrJ8AQ/original https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*BPWDRbSYxJ4AAAAAAAAAAAAADrJ8AQ/original
cols
2

When To Use

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

Examples

Basic Unit Animated number In Card Countdown Component Token

API

Common props ref：Common props

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 -
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

Semantic DOM

Design Token