github
/
ant-design-vue
mirror of https://github.com/vueComponent/ant-design-vue
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
ant-design-vue/components/statistic/index.en-US.md

2.3 KiB
Raw 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 -