Überlagerungen

Anchored detail popover

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

Canvas

Hero panel

The selected frame on this board.

320 × 180

Click Details to reposition the panel, or press Escape to close it.

Anchored detail popover 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, offset, width, 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

1913Anchored settings popoverÜberlagerungenEine Schaltfläche, die ein kleines Einstellungsfeld öffnet, das daneben verankert ist und sich von der Ecke aus erstreckt, die dem Auslöser am nächsten liegt, und die Seiten umdreht, wenn der Platz knapp wird.

2145Edge aware popoverÜberlagerungenEin Popover, das aus seinem Auslöser herausspringt und auf die gegenüberliegende Seite klappt oder sich verschiebt, wenn die von Ihnen gewünschte Seite über die Rahmenkante hinausläuft und beim Scrollen festklebt.

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

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.

1912Anchored popover cardÜberlagerungenEine Auslösetaste, die eine kleine Einstellungskarte öffnet, die an sich selbst verankert ist, sich vom Rand aus verkleinert und bei einem zweiten Klick, Escape oder einem Druck von außen schließt.

2119Centered modal frameÜberlagerungenEin einfaches, zentriertes Modal, das vor einem abgedunkelten Hintergrund ausgeblendet und skaliert wird, mit Kopf-, Haupt- und Fußzeile, für alltägliche Formulare und Bestätigungen.