Superpositions

Anchored info popover

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

Workspace

Acme Studio

Files tracked

1,284

Members

Utiliser Anchored info popover

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: anchorSide, accentColor, showBackdrop, gap

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

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

2161Grouped filter popoverSuperpositionsUne rangée de petits boutons de filtre où l'ouverture du panneau d'un bouton ferme automatiquement tout autre panneau déjà ouvert dans la même rangée, chaque panneau s'agrandissant à partir du bord à partir duquel il a été déclenché.

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.

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.