Exibição de dados

Counting readout

Uma 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.

Weekly active users

Up from 1,140 the week before.

Checkout conversion

Best week since launch.

Como usar Counting readout

Uma 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.

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, decimals, delay, padStart, 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, a instalação e o painel de propriedades estão incluídos no Fieldbook Pro. A prévia interativa está aberta para todos.

Conecte seu agente

Componentes relacionados

2299Animated metric counterExibição de dadosUm 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.

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.

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.

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.

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.

2011Pin priority listExibição de dadosUma lista de duas seções onde tocar no botão de alternância de uma linha a anima entre um grupo fixado e o restante com um movimento de mola contínuo.