test/ant-design-vue
1
0
Fork 0
mirror of https://gitee.com/ant-design-vue/ant-design-vue.git synced 2024-12-02 03:58:05 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity
feat-v4
ant-design-vue/components/statistic/index.en-US.md
果冻橙 f265a7bb02
fix docs dark theme & add docs coverDark (#6367) 
* fix docs dark theme & add docs coverDark

* fix theme Editor edit
2023-03-20 11:15:02 +08:00

2.3 KiB
Raw Permalink Blame History

category type title cover coverDark
Components Data Display Statistic https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*YL7PRYNtH-4AAAAAAAAAAAAADrJ8AQ/original https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*BPWDRbSYxJ4AAAAAAAAAAAAADrJ8AQ/original

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
decimalSeparator decimal separator string .
formatter customize value display logic v-slot |({value}) => VNode -
groupSeparator group separator string ,
precision precision of input value number -
prefix prefix node of value string | v-slot -
suffix suffix node of value string | v-slot -
title Display title string | v-slot -
value Display value string | number -
valueStyle Set value css style style -

Statistic.Countdown

Property Description Type Default
format Format as dayjs string 'HH:mm:ss'
prefix prefix node of value string | v-slot -
suffix suffix node of value string | v-slot -
title Display title string | v-slot -
value Set target countdown time number | dayjs -
valueStyle Set value css style style -

Statistic.Countdown Events

Events Name Description Arguments
finish Trigger when time's up () => void -