Überlagerungen

Shared-Element Lightbox

Ein Raster aus Miniaturansichten, bei dem durch Klicken auf eine davon diese nahtlos in eine große zentrierte Überlagerung umgewandelt wird und durch Schließen wieder an ihre ursprüngliche Stelle zurückverwandelt wird.

Shared-Element Lightbox 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: columns, gap, closeOnBackdrop

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

1948Custom shell lightboxÜberlagerungenEin Galerieraster, das einen randlosen, vollflächigen Leuchtkasten öffnet und zeigt, wie eine einzige Öffnungs-, Schließ- und Fokus-Engine eine völlig individuelle Hülle tragen kann.

2449Thumbnail-to-video lightboxÜberlagerungenEin Video-Miniaturbild mit einer Wiedergabeschaltfläche, die einen enthaltenen Leuchtkasten öffnet, wobei das Videofeld aus einer ausgewählten Richtung vor einem unscharfen, abgedunkelten Hintergrund eintrifft.

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.

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.

2300App folder expandÜberlagerungenEine Ordnerkachel im Startbildschirm-Stil, deren kleine App-Symbole zu einem vollständigen Bedienfeld wachsen, wobei jedes Symbol von seiner Miniaturansicht zu seiner großen Position wandert.