Affichage des données

Social proof avatar row

Une rangée serrée de cercles d'avatars qui se chevauchent se terminant par une bulle qui totalise tous ceux qui sont exclus de la rangée.

Joined by 214 makers this week

Utiliser Social proof avatar row

Une rangée serrée de cercles d'avatars qui se chevauchent se terminant par une bulle qui totalise tous ceux qui sont exclus de la rangée.

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: size, overlap, accent, overflowCount

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 versions et les commandes d’installation sont disponibles dans le panneau ci-dessus.

Connectez votre agent

Composants proches

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.

2001Multi open panel stackAffichage des donnéesUne pile de sections de panneau qui peuvent être développées indépendamment, avec une copie fermée que le navigateur find-in-page peut toujours atteindre.

2200Notification feed stackAffichage des donnéesUn flux vertical qui révèle les cartes de notification sur une minuterie, faisant glisser les anciennes cartes vers le bas et laissant tomber les plus anciennes du bas à mesure que les nouvelles arrivent.

2412Reflowing Notification StackAffichage des donnéesUne pile de cartes de notification qui se redistribue en douceur lorsqu'une nouvelle est ajoutée ou qu'une ancienne est supprimée, au lieu de sauter.

2245Status AvatarAffichage des donnéesUn avatar rond qui reprend ses initiales sans image et peut porter un petit badge de statut en ligne ou être empilé avec d'autres.