Superpositions

Shared-Element Lightbox

Une grille de vignettes où un clic la transforme de manière transparente en une grande superposition centrée, et la fermeture la ramène à son emplacement d'origine.

Utiliser Shared-Element Lightbox

Une grille de vignettes où un clic la transforme de manière transparente en une grande superposition centrée, et la fermeture la ramène à son emplacement d'origine.

Testez l’aperçu avec la souris et le clavier, puis vérifiez la visibilité du focus et la mise en page sur un écran étroit. Indiquez le numéro ou l’identifiant du composant à votre agent de programmation.

Propriétés: columns, gap, closeOnBackdrop

Quels frameworks sont disponibles ?

Le catalogue propose ces versions : react, vue, svelte, astro, html. L’aperçu de cette page utilise React.

Comment accéder à l’implémentation ?

Le code, les portages, l’installation et le panneau de propriétés sont inclus dans Fieldbook Pro. L’aperçu interactif est ouvert à tous.

Connectez votre agent

Composants proches

1948Custom shell lightboxSuperpositionsUne grille de galerie qui ouvre une visionneuse à fond perdu sans bordure, montrant comment un moteur d'ouverture, de fermeture et de mise au point peut porter une coque entièrement personnalisée.

2449Thumbnail-to-video lightboxSuperpositionsUne miniature vidéo avec un bouton de lecture qui ouvre une lightbox contenue, le panneau vidéo arrivant d'une direction choisie sur un fond flou et atténué.

1911Anchored info popoverSuperpositionsUn bouton de déclenchement qui ouvre un petit panneau d'informations flottant ancré sur l'un de ses bords, s'estompant et s'agrandissant à partir de ce bord et se fermant lors d'un clic extérieur ou d'un échappement.

1912Anchored popover cardSuperpositionsUn bouton de déclenchement qui ouvre une petite carte de paramètres ancrée sur elle-même, s'étendant à partir du bord à partir duquel elle pousse et se fermant sur un deuxième clic, Échap ou une pression à l'extérieur.

1913Anchored settings popoverSuperpositionsUn bouton qui ouvre un petit panneau de paramètres ancré à côté, grandissant à partir du coin le plus proche de son déclencheur et retournant les côtés lorsque l'espace est épuisé.

2300App folder expandSuperpositionsUne vignette de dossier de style écran d'accueil dont les petites icônes d'application se transforment en un panneau complet, chaque icône voyageant de sa miniature à son grand emplacement.