Affichage des données

Presence Avatar Clusters

Deux groupes d'avatars qui se chevauchent, en ligne et hors ligne, où cliquer sur un avatar le fait glisser dans l'autre groupe tandis que son portrait effectue un fondu enchaîné vers ou depuis les niveaux de gris.

Utiliser Presence Avatar Clusters

Deux groupes d'avatars qui se chevauchent, en ligne et hors ligne, où cliquer sur un avatar le fait glisser dans l'autre groupe tandis que son portrait effectue un fondu enchaîné vers ou depuis les niveaux de gris.

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: avatarSize, clusterGap, accentColor, showTooltips

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

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.

2369Initials avatar clusterAffichage des donnéesUne rangée de jetons d'initiales rondes qui résume un groupe de personnes, se terminant par un décompte de débordement en sourdine pour le reste.

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.

Filterable record table

2154Filterable record tableAffichage des donnéesFiltrez les clients, triez les colonnes et contrôlez la recherche depuis votre application.

2172Initials fallback avatarAffichage des donnéesUn seul avatar qui montre une photo lorsqu'on lui en donne une, sinon centre deux lettres d'initiales sur une forme légèrement teintée.