Überlagerungen

Linked Profile Preview

Eine umfangreiche Vorschaukarte, die angezeigt wird, wenn ein Besucher mit der Maus über einen verknüpften Namen fährt oder diesen fokussiert. Sie zeigt einen Avatar, eine Biografie und Follower-Statistiken sowie optional einen Cursor-Folge-Float.

Release notes drafted by Mira SatoMira Sato. @mirasato. Designs motion systems for growth-stage products, previously led the brand refresh at a payments startup.. 182 following, 9.8K followers went out for review, and Devon ParkDevon Park. @devonpark. Staff engineer focused on design tooling, build performance, and component libraries.. 64 following, 2.3K followers signed off before the release went out.

Linked Profile Preview verwenden

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: side, followCursor, accent, openDelay

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

2296Account Menu FlyoutÜberlagerungenEine Profilübersichtsschaltfläche, die ein Kontomenü mit beschrifteten Zeilen öffnet, mit einer kleinen gebogenen Indikatorlinie, die gerade wird, wenn das Menü geöffnet ist.

2137Cursor-chasing tooltipÜberlagerungenEine Hinweisblase, die beim Schweben oder Fokussieren erscheint und gleiten kann, um dem Zeiger zu folgen, während er sich über den Auslöser bewegt.

1779Hover preview popoverKartenEine kleine Detailkarte, die sich nach kurzem Bewegen des Mauszeigers neben einem Link öffnet und lange genug geöffnet bleibt, um den Zeiger darauf zu bewegen.

2295Account Dropdown MenuÜberlagerungenEin Avatar-Auslöser, der ein gruppiertes Kontomenü mit Hinweisen zu Tastenkombinationen, einem Themen-Untermenü und einer destruktiven Abmeldezeile öffnet, die sich vom Rest abhebt.

1910Anchored detail popoverÜberlagerungenEine Auslöserschaltfläche, die ein kleines verankertes Bedienfeld mit einem betitelten Einstellungsformular öffnet, aus der Auslöserkante herauswächst und sich bei Escape oder einem Klick von außen schließt.

1911Anchored info popoverÜberlagerungenEine Auslöseschaltfläche, die ein kleines schwebendes Infofeld öffnet, das an einem seiner Ränder verankert ist, von diesem Rand aus ausgeblendet und vergrößert wird und bei einem Klick oder Escape von außen wieder ausgeblendet wird.