Counter

Animated number that counts up when visible.

$ 100 + 
_bookshop_name: primitives/counter
number: 100
prefix: $
suffix: +
horizontalAlignment: center

Properties

number number | default: 100

The number to count to.

prefix string

Text to go before the number.

suffix string

Text to go after the number.

horizontalAlignment enum | default: start

Accepted values:
  • start
  • center
  • end

Examples

Horizontal Alignments

50000 + 
_bookshop_name: primitives/counter
number: 50000
prefix: null
suffix: +
horizontalAlignment: start
50000 + 
_bookshop_name: primitives/counter
number: 50000
prefix: null
suffix: +
horizontalAlignment: center
50000 + 
_bookshop_name: primitives/counter
number: 50000
prefix: null
suffix: +
horizontalAlignment: end

Prefix

$ 1000 
_bookshop_name: primitives/counter
number: 1000
prefix: $
suffix: null
horizontalAlignment: center

Suffix

1000 M 
_bookshop_name: primitives/counter
number: 1000
prefix: null
suffix: M
horizontalAlignment: center