Exibição de dados

Animated metric counter

Um grande número simples que surge de um valor inicial até seu destino no momento em que é exibido, ultrapassando um pouco antes de se estabilizar, com separadores de milhares e um sufixo opcional.

Como usar Animated metric counter

Um grande número simples que surge de um valor inicial até seu destino no momento em que é exibido, ultrapassando um pouco antes de se estabilizar, com separadores de milhares e um sufixo opcional.

Teste a prévia com o mouse e o teclado. Verifique o foco visível e o layout em telas estreitas na sua página. Informe o número ou o identificador do componente ao seu agente de programação.

Propriedades: target, startValue, decimals, suffix, accent

Quais frameworks estão disponíveis?

O catálogo inclui estas versões: react, vue, svelte, astro, html. A prévia desta página usa React.

Como acessar a implementação?

O código, as versões e os comandos de instalação estão disponíveis no painel acima.

Conecte seu agente

Componentes relacionados

Counting number readout

2328Counting number readoutExibição de dadosUma grande estatística que conta até seu valor em uma curva de desaceleração, escrevendo o texto diretamente em cada quadro para que o layout nunca trema.

Counting readout

2134Counting readoutExibição de dadosUma figura métrica que conta desde um valor inicial até seu destino em uma mola na primeira vez que é vista, com decimais fixos e preenchimento de zeros opcional.

Counting metric

2133Counting metricExibição de dadosUm número grande que passa de um valor inicial até seu destino com um movimento suave na primeira vez que é visto, formatado com separadores de milhares e decimais fixos.

Count wheel badge

1946Count wheel badgeExibição de dadosUma roda numérica vertical que rola por degraus arredondados até chegar a um total, com uma estrela central que se enche à medida que a contagem aumenta.

Sliding digit counter

2042Sliding digit counterExibição de dadosUm total que é contado rolando cada coluna de dígitos no lugar enquanto uma estrela se enche ao lado dela e explode algumas partículas quando pousa.

Rolling stat tiles

2216Rolling stat tilesExibição de dadosUma linha de blocos de estatísticas cujos números grandes rolam dígito por dígito para um novo valor em vez de se ajustarem.