Datendarstellung

Presence Avatar Clusters

Zwei ü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.

Online · 4

Offline · 3

Click anyone to move them between online and offline

Presence Avatar Clusters verwenden

Zwei ü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.

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

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

1917Avatar Lineup HoverDatendarstellungEine 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.

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.

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

2154Filterable record tableDatendarstellungEine Datensatztabelle mit einem Live-Textfilter, farbigen Statuspillen und einer rechtsbündigen Währungsspalte, die beim Sortieren lesbar bleibt.

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