Superpositions

Thumbnail-to-video lightbox

Une 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é.

Utiliser Thumbnail-to-video lightbox

Une 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é.

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: animationStyle, accent, thumbnailLabel

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

1919Banner header dialogSuperpositionsUne fenêtre modale avec une bande de bannière colorée sur son bord supérieur, posée sur une copie grisée et entièrement inerte de la page située derrière elle.

2324Confirm action modalSuperpositionsUne boîte de dialogue de confirmation centrée qui s'ouvre sur un fond sombre, demandant au visiteur de confirmer ou d'annuler une action destructrice.

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.

2335Dismissible DialogSuperpositionsUne boîte de dialogue centrée à usage général qui s'ouvre sur un arrière-plan flou et peut être fermée avec désinvolture par son bouton de fermeture, l'arrière-plan ou Échap.

2419Scrollable modal dialogSuperpositionsUn modal à usage général avec un en-tête, un corps qui défile indépendamment une fois que son contenu déborde et un pied de page, fermable par son propre bouton de fermeture, un clic extérieur ou Échap.

2426Shared-Element LightboxSuperpositionsUne 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.