Überlagerungen

Link Preview Card

Eine umfangreiche Vorschaukarte, die von der Seite, auf der sie geöffnet wird, eingeblendet und eingeblendet wird, wenn Sie mit der Maus über einen verknüpften Namen fahren, mit einer kurzen Verzögerung, um ein Flackern zu vermeiden.

Changelog - v4.2

Rollout was staged and reviewed by Dara Osei before it reached the full fleet, with a follow-up pass from Yuki Tanaka.

Hover or focus a name for the full profile.

Link Preview Card 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, align, openDelay, accent

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?

Code, Framework-Versionen und Installationsbefehle sind im Arbeitsbereich oben verfügbar.

Verbinde deinen Agenten

Ähnliche Komponenten

1993Link preview cardÜberlagerungenEin kleines Vorschaufenster, das nach einem kurzen Hover neben einem Link oder Benutzernamen erscheint und eine Zusammenfassung dessen anzeigt, was sich dahinter verbirgt, ohne dass ein Klick erforderlich ist.

2146Edge-slide panelÜberlagerungenEin Einstellungsfeld, das bündig am Bildschirmrand anliegt, während die Seite dahinter abgedunkelt und unscharf wird.

2214Resizing hint tooltipÜberlagerungenEin Hover-Label, dessen Blase sich automatisch in der Größe ändert, wenn der Text länger oder kürzer ist, anstatt zwischen den Größen zu wechseln.

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.

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.

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.