Datendarstellung

Avatar Lineup Hover

Eine Reihe überlappender Avatar-Kreise, in denen man ihn über seine Nachbarn hebt, wenn man mit der Maus darüber fährt, und einen Namens-Tooltip anzeigt.

Avatar Lineup Hover verwenden

Eine Reihe überlappender Avatar-Kreise, in denen man ihn über seine Nachbarn hebt, wenn man mit der Maus darüber fährt, und einen Namens-Tooltip anzeigt.

Teste die Vorschau mit Maus und Tastatur. Prüfe den sichtbaren Fokus und das Layout auf schmalen Bildschirmen in deiner eigenen Seite. Nenne deinem Agenten die Nummer oder den Bezeichner, um diese Komponente abzurufen.

Eigenschaften: size, overlap, accent, liftDistance, showTooltip

Welche Frameworks sind verfügbar?

Der Katalog enthält diese Versionen: react, vue, svelte, astro, html. Die Vorschau auf dieser Seite verwendet React.

Wie greife ich auf die Implementierung zu?

Vorschau und Beschreibung sind öffentlich. Melde dich mit einem berechtigten Konto an, um Code, Framework-Versionen und Installation zu öffnen.

Verbinde deinen Agenten

Ähnliche Komponenten

1918Avatar StackDatendarstellungEine Reihe überlappender kreisförmiger Avatare, die den Avatar unter dem Zeiger trennt und anhebt und darüber einen Namens-Tooltip anzeigt.

2369Initials avatar clusterDatendarstellungEine Reihe runder Initialen-Token, die eine Gruppe von Personen zusammenfassen und in einer gedämpften Überlaufzählung für den Rest enden.

2016Presence Avatar ClustersDatendarstellungZwei überlappende Avatar-Cluster, online und offline, wobei durch Klicken auf einen Avatar dieser in den anderen Cluster verschoben wird, während sein Porträt von oder zu Graustufen überblendet.

2236Social proof avatar rowDatendarstellungEine enge Reihe überlappender Avatarkreise schließt sich mit einer Blase, die alle Personen zählt, die nicht in der Reihe sind.

2245Status AvatarDatendarstellungEin runder Avatar, der auf Initialen ohne Bild zurückgreift und ein kleines Online-Statusabzeichen tragen oder mit anderen stapeln kann.

2172Initials fallback avatarDatendarstellungEin einzelner Avatar, der ein Foto zeigt, wenn ihm eines gegeben wird, ansonsten zwei Initialen auf einer sanft getönten Form zentriert.