Affichage des données

Odometer digit counter

Un nombre affiché sous forme de chiffres d'odomètre mécanique qui reprennent leur nouvelle position chaque fois que la valeur change.

Tickets sold

Utiliser Odometer digit counter

Un nombre affiché sous forme de chiffres d'odomètre mécanique qui reprennent leur nouvelle position chaque fois que la valeur change.

Testez l’aperçu avec la souris et le clavier, puis vérifiez la visibilité du focus et la mise en page sur un écran étroit. Indiquez le numéro ou l’identifiant du composant à votre agent de programmation.

Propriétés: value, fontSize, accentColor, digitGap

Quels frameworks sont disponibles ?

Le catalogue propose ces versions : react, vue, svelte, astro, html. L’aperçu de cette page utilise React.

Comment accéder à l’implémentation ?

Le code, les portages, l’installation et le panneau de propriétés sont inclus dans Fieldbook Pro. L’aperçu interactif est ouvert à tous.

Connectez votre agent

Composants proches

2216Rolling stat tilesAffichage des donnéesUne rangée de tuiles statistiques dont les grands nombres roulent chiffre par chiffre jusqu'à une nouvelle valeur au lieu de s'aligner.

2042Sliding digit counterAffichage des donnéesUn total qui compte en faisant rouler chaque colonne de chiffres pendant qu'une étoile se remplit à côté d'elle et fait éclater quelques particules lorsqu'elle atterrit.

2299Animated metric counterAffichage des donnéesUn grand chiffre nu qui jaillit d'une valeur de départ jusqu'à sa valeur cible au moment où il défile, dépassant légèrement avant de se stabiliser, avec des milliers de séparateurs et un suffixe facultatif.

2302Auto-Scroll Message ListAffichage des donnéesUn panneau de discussion déroulant qui reste épinglé sur le message le plus récent à moins que le lecteur ne fasse défiler vers le haut, auquel cas un bouton flottant jump-to-latest apparaît.

1917Avatar Lineup HoverAffichage des donnéesUne rangée de cercles d'avatar qui se chevauchent où le survol de l'un d'entre eux le soulève au-dessus de ses voisins et révèle une info-bulle de nom.

1918Avatar StackAffichage des donnéesUne rangée d'avatars circulaires superposés qui sépare et soulève celui sous le pointeur, révélant une info-bulle de nom au-dessus.