Counter APIs

See below to learn more about properties, slots, events, style variables, CSS parts, and methods.

There is no difference between the APIs of the elements, And the only difference is in the names of the events

Properties

Name
easing
Type
'ease-out-expo' | 'linear'
Default
'ease-out-expo'
Attribute
easing
Reflect
false
Description

Easing function. Click here for more details.

Name
decimal
Type
string
Default
'.'
Attribute
decimal
Reflect
false
Description

Specifies decimal character.

Name
decimals
Type
number
Default
0
Attribute
decimals
Reflect
false
Description

Amount of decimals to display.

Name
delay
Type
number
Default
0
Attribute
delay
Reflect
false
Description

Delay in milliseconds before starting the transition.

Name
duration
Type
number
Default
1000
Attribute
duration
Reflect
false
Description

Duration in milliseconds.

Name
from
Type
number
Default
0
Attribute
from
Reflect
false
Description

Initial value.

Name
numerals
Type
string[]
Default
undefined
Attribute
numerals
Reflect
false
Description

Specifies numeral glyph substitution.

Name
play
Type
boolean
Default
undefined
Attribute
play
Reflect
true
Description

Starts/Stops the transition.

Name
separator
Type
string
Default
undefined
Attribute
separator
Reflect
false
Description

Specifies character of thousands separator.

Name
to
Type
number
Default
undefined
Attribute
to
Reflect
false
Description

Target value.

Name
overrides
Default
undefined
Attribute
overrides
Reflect
false
Description

Overrides default configuration for specific breakpoints. See Overrides for details.

Name
variant
Default
undefined
Attribute
variant
Reflect
true
Description

See Variant for details.

Slots

There are no Slots.

Events

Name
plus-complete
Type
EventEmitter<void>
Cancelable
false
Description

Is Triggered when transition ended.

CSS Variables

There are no CSS Variables.

CSS Parts

There are no CSS Parts.

Methods

Name
complete
Type
void
Signature
complete() => void
Description

Completes the transition.

Name
pause
Type
void
Signature
pause() => void
Description

Pauses the transition.

Name
start
Type
void
Signature
start() => void
Description

Starts the transition.

Name
stop
Type
void
Signature
stop() => void
Description

Stops the transition.