Superpositions

Grouped backdrop popover

Un déclencheur de popover qui s'ouvre près de son ancre avec un arrière-plan grisé en option, et ferme tout popover frère de son groupe dès son ouverture.

Utiliser Grouped backdrop popover

Un déclencheur de popover qui s'ouvre près de son ancre avec un arrière-plan grisé en option, et ferme tout popover frère de son groupe dès son ouverture.

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: anchor, showBackdrop, gap, accent

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 versions et les commandes d’installation sont disponibles dans le panneau ci-dessus.

Connectez votre agent

Composants proches

2207Pop scale panelSuperpositionsUn popover qui s'ouvre de moitié, pointe une petite flèche vers son déclencheur, assombrit la page derrière lui et se ferme sur Échap ou sur un clic extérieur.

1910Anchored detail popoverSuperpositionsUn bouton de déclenchement qui ouvre un petit panneau ancré contenant un formulaire de paramètres intitulé, sortant du bord du déclencheur et se fermant sur Échap ou sur un clic extérieur.

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

2119Centered modal frameSuperpositionsUn modal centré uni qui s'estompe et s'agrandit sur un fond grisé, avec un en-tête, un corps et un pied de page, pour les formulaires et les confirmations de tous les jours.