Karten

Hover preview popover

Eine 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.

Build notes - Sep 2

Checkout redesign shipped

Maya OkonkwoMaya Okonkwo. @maya - Design engineer. Leads the checkout redesign and pairs on the design system twice a week.. 38 Merged, 124 Reviews, 12d Streak merged the new flow into Northwind AtlasNorthwind Atlas. Internal - Payments. Unified checkout across web and mobile, now handling every region's tax rules.. 9 Crew, 5 Open PRs, 99.98% Uptime ahead of Friday's release. Reviewers can hold on either name for the full picture before approving.

Updated 6 minutes ago

Hover preview popover verwenden

Eine 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.

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, openDelay, closeDelay, offset, 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?

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

1762Anchored site previewKartenEine Hover-Vorschau, deren Seite, Ausrichtung und Versatz eingestellt werden können, mit einem zeigenden Pfeil, der den Anker verfolgt und sich mit ihm dreht, wenn kein Platz mehr ist.

1768Cursor drift link previewKartenEin Link-Vorschaufenster, das sich dorthin neigt, wo sich der Zeiger auf dem Link befindet, und ihn auf einer weichen Feder nachzieht.

1866Inline term previewKartenEin unterstrichener Begriff im Textkörper, der beim Schweben oder Fokussieren ein kleines Definitionsfenster öffnet, das von der Ecke, die dem Begriff am nächsten liegt, verkleinert wird.

1785Link thumbnail peekKartenEin Inline-Link, der über dem Wort ein kleines simuliertes Miniaturbild seines Ziels entfaltet, während der Zeiger darauf ruht.

2834Link Thumbnail PeekKartenEin Inline-Link, der eine kleine Miniaturansicht seines Ziels über dem Text einblendet, während der Zeiger darauf ruht.

1800Profile hover cardKartenWenn Sie mit der Maus über einen kleinen Avatar-Chip fahren oder ihn darauf fokussieren, wird ein Profilfenster mit Namen, Benutzername, Biografie und Anzahl der Follower geöffnet.