1.3.0 • Published 1 year ago

@illa-design/statistic v1.3.0

Weekly downloads
-
License
Apache-2.0
Repository
github
Last release
1 year ago

Statistics

The Statistics component is used to display values.

Installation

yarn add @illa-design/statistics

Import component

import { Statistics } from "@illa-design/statistics"

API

Statistics Basic Properties

PropsDescTypeDefault
titleThe title of the statisticsstring | ReactNode-
valueThe value of the statisticsstring | number| Dayjs-
valueStyleThe style of the valueCSSProperties-
decimalSeparatorSet the decimal separatorstring"."
formatThe format of the valuestring"circle"
groupSeperatorSet the group separatorstring","
loadingIf true, the statistics is on loadingbooleanfalse
precisionThe precision of the valuenumber-
prefixThe prefixstring | ReactNode-
suffixThe suffixstring | ReactNode-

Statistic-countDown Basic Properties

PropsDescTypeDefault
titleThe title of the countdown statisticsstring | ReactNode-
valueThe value of the countdownstring | number| Dayjs| Date-
valueStyleThe style of the valueCSSProperties-
nowRefine the default valuestring | number| Dayjs| Date() => Date.now()
formatThe format of the countdown valuestring"HH:mm:ss"
startIf true, begin the countdownbooleantrue

Statistic-countDown Events

PropsDescTypeDefault
onFinishWhen the countdown finished() => void-
onChangeWhen the value of the countdown changed(value:number) => void-

Example

Basic usage

<Statistic title={"Amount"} value={189907.32} />

Set the value

<Statistic value={189907.32} />

Set the group separator as "&”

<Statistic
  value={1899078.32}
  groupSeparator={"&"}
/>

Set the prefix and the suffix

<Statistic
  value={22}
  prefix={"#"}
/>

Set the precision of the value as 2

<Statistic value={1922.6782} precision={2} />

Basic usage of countdown

<Countdown
  value={Date.now() + 2000}
/>
1.2.0

1 year ago

1.3.0

1 year ago

1.0.29

1 year ago

1.0.28

1 year ago

1.0.27

2 years ago

1.0.31

1 year ago

1.0.30

1 year ago

1.1.0

1 year ago

1.0.22

2 years ago

1.0.21

2 years ago

1.0.26

2 years ago

1.0.25

2 years ago

1.0.24

2 years ago

1.0.23

2 years ago

1.0.19

2 years ago

1.0.18

2 years ago

1.0.17

2 years ago

1.0.20

2 years ago

1.0.16

2 years ago

1.0.15

2 years ago

1.0.14

2 years ago

1.0.9

2 years ago

1.0.8

2 years ago

1.0.7

2 years ago

1.0.6

2 years ago

1.0.11

2 years ago

1.0.10

2 years ago

1.0.13

2 years ago

1.0.12

2 years ago

1.0.5

2 years ago

1.0.4

2 years ago

1.0.3

2 years ago

1.0.2

2 years ago

1.0.1

2 years ago

1.0.0

2 years ago

0.0.10

3 years ago

0.0.11

3 years ago

0.0.12

3 years ago

0.0.13

3 years ago

0.0.14

2 years ago

0.0.15

2 years ago

0.0.9

3 years ago

0.0.16

2 years ago

0.0.17

2 years ago

0.0.8

3 years ago

0.0.5

3 years ago

0.0.4

3 years ago

0.0.7

3 years ago

0.0.6

3 years ago

0.0.3

3 years ago

0.0.2

3 years ago

0.0.1

3 years ago