1.1.11 • Published 10 months ago

@paprika/counter v1.1.11

Weekly downloads
326
License
MIT
Repository
github
Last release
10 months ago

@paprika/counter

Description

The Counter component is a decorative element that usually displays the count of a specific object.

Installation

yarn add @paprika/counter

or with npm:

npm install @paprika/counter

Props

Counter

PropTyperequireddefaultDescription
color Counter.types.color.GREY, Counter.types.color.BLUE, Counter.types.color.REDfalseCounter.types.color.GREYBackground color of the counter.
hasIndicatorboolfalsefalseIf the counter should display a red dot on the top right corner. Normally used to indicate when there are new items.
quantitynumbertrue-The number displayed inside the counter.
size Counter.types.size.SMALL, Counter.types.size.MEDIUMfalseCounter.types.size.MEDIUMSize of counter. It can be small or medium. Default is medium.
thresholdnumberfalse99When quantity exceeds threshold, it will display "(Threshold)+" inside the counter. Default is 99.

Usage

For a common use case

import Counter from "@paprika/counter";

<Counter quantity="33" />;

Overwrite threshold

import Counter from "@paprika/counter";

<Counter quantity="33" threshold="5" />;

Links

@babel/runtime-corejs2@paprika/constants@paprika/helpers@paprika/stylers@paprika/tokensprop-types
@infinitebrahmanuniverse/nolb-_pap@everything-registry/sub-chunk-704@paprika/collapsible-card
1.1.11-next.0

10 months ago

1.1.11

10 months ago

1.1.9

3 years ago

1.1.10

3 years ago

1.1.10-next.0

3 years ago

1.1.9-next.0

3 years ago

1.1.8

3 years ago

1.1.7

4 years ago

1.1.8-next.0

3 years ago

1.1.7-next.0

4 years ago

1.1.6

4 years ago

1.1.6-next.0

4 years ago

1.1.6-next.1

4 years ago

1.1.5

4 years ago

1.1.5-next.2

4 years ago

1.1.5-next.1

4 years ago

1.1.5-next.0

4 years ago

1.1.4

4 years ago

1.1.4-next.0

4 years ago

1.1.4-next.1

4 years ago

1.1.3

4 years ago

1.1.2

4 years ago

1.1.2-next.2

4 years ago

1.1.3-next.0

4 years ago

1.1.2-next.0

4 years ago

1.1.2-next.1

4 years ago

1.1.1

4 years ago

1.1.0

4 years ago

1.1.0-next.1

4 years ago

1.1.0-next.0

4 years ago

1.1.1-next.0

4 years ago

1.0.10

4 years ago

1.0.10-next.0

4 years ago

1.0.9

4 years ago

1.0.9-next.0

4 years ago

1.0.8

4 years ago

1.0.8-next.0

4 years ago

1.0.7

5 years ago

1.0.7-next.0

5 years ago

1.0.6

5 years ago

1.0.6-alpha.2

5 years ago

1.0.6-alpha.1

5 years ago

1.0.6-alpha.0

5 years ago

1.0.5

5 years ago

1.0.5-alpha.0

5 years ago

1.0.4

5 years ago

1.0.3

5 years ago

1.0.3-alpha.0

5 years ago

1.0.2

5 years ago

1.0.2-alpha.0

5 years ago

1.0.1

5 years ago

1.0.1-alpha.0

5 years ago

1.0.0

5 years ago

0.2.25

5 years ago

0.2.25-alpha.1

5 years ago

0.2.25-alpha.0

5 years ago

0.2.24

5 years ago

0.2.23

5 years ago

0.2.22

5 years ago

0.2.21

5 years ago

0.2.20

5 years ago

0.2.19

5 years ago

0.2.18

6 years ago

0.2.17

6 years ago

0.2.16

6 years ago

0.2.15

6 years ago

0.2.14

6 years ago

0.2.13

6 years ago

0.2.12

6 years ago

0.2.11

6 years ago

0.2.10

6 years ago

0.2.9

6 years ago

0.2.8

6 years ago

0.2.7

6 years ago

0.2.6

6 years ago

0.2.5

6 years ago

0.2.4

6 years ago

0.2.3

6 years ago

0.2.2

6 years ago

0.2.1

6 years ago

0.2.0

6 years ago

0.1.3

6 years ago

0.1.2

6 years ago

0.1.1

6 years ago