Überlagerungen

Custom shell lightbox

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

Custom shell lightbox verwenden

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

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: imageCount, backdropOpacity, showCaption

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

2426Shared-Element LightboxÜberlagerungenEin 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.

1919Banner header dialogÜberlagerungenEin modales Fenster mit einem farbigen Bannerstreifen am oberen Rand, das sich über einer abgeblendeten und völlig inaktiven Kopie der Seite dahinter befindet.

1527Command paletteÜberlagerungenEin durch eine Schaltfläche oder Strg K geöffnetes Such-Overlay, das gruppierte Befehle filtert, eine Hervorhebung mit den Pfeiltasten verschiebt, den ausgewählten Befehl mit der Eingabetaste ausführt und das Ergebnis meldet.

2324Confirm action modalÜberlagerungenEin zentrierter Bestätigungsdialog, der sich über einem dunkler werdenden Hintergrund öffnet und den Besucher auffordert, eine destruktive Aktion zu bestätigen oder abzubrechen.

2335Dismissible DialogÜberlagerungenEin universeller zentrierter Dialog, der vor einem unscharfen Hintergrund geöffnet wird und durch die Schaltfläche „Schließen“, den Hintergrund oder Escape einfach geschlossen werden kann.

2419Scrollable modal dialogÜberlagerungenEin allgemeines Modal mit einer Kopfzeile, einem Textkörper, der unabhängig scrollt, sobald sein Inhalt überläuft, und einer Fußzeile, die durch eine eigene Schließen-Schaltfläche, einen externen Klick oder Escape geschlossen werden kann.