Datendarstellung

Status Avatar

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

Photo

OCInitials

Fallback

DO+2

Six teammates, four shown

Status Avatar verwenden

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

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, status, accent, showBadge

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

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

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.

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.

1946Count wheel badgeDatendarstellungEin vertikales Zahlenrad, das durch abgerundete Schritte zu einer Gesamtsumme rollt, mit einem Stern in der Mitte, der sich mit steigender Zahl füllt.