generated:catalog.entry.number-counter.title
generated:catalog.entry.number-counter.description
@xngui/components/number-counter@xngui/components/number-counterchrome:demo.section
chrome:demo.preview
import { Component } from '@angular/core';
import { XNumberCounter } from '@xngui/components/number-counter';
@Component({
selector: 'app-example',
imports: [XNumberCounter],
templateUrl: './number-counter.component.html',
})
export class ExampleComponent {
protected onCompleted(): void {
// completed
}
}
chrome:demo.events.title
chrome:demo.events.empty
chrome:demo.api.title
x-number-counter
chrome:demo.api.col.property
chrome:demo.api.col.type
chrome:demo.api.col.default
chrome:demo.api.col.description
valuenumber0Target number to count toward.
fromnumber0Starting number on the first animation run.
durationnumber1200Animation duration in milliseconds.
decimalsnumber0Fixed decimal places in the displayed value.
prefixstring''Characters prepended to the formatted number (e.g. `$`).
suffixstring''Characters appended to the formatted number (e.g. `%`).
separatorstring','Thousands grouping separator; empty string disables grouping.
startOnXNumberCounterStartOn'mount'Start on mount or when scrolled into view.