Superpositions

Link Preview Card

Une carte d'aperçu riche qui s'estompe et glisse quel que soit le côté sur lequel elle s'ouvre lorsque vous survolez un nom lié, avec un bref délai pour éviter le scintillement.

Changelog - v4.2

Rollout was staged and reviewed by Dara Osei before it reached the full fleet, with a follow-up pass from Yuki Tanaka.

Hover or focus a name for the full profile.

Utiliser Link Preview Card

Une carte d'aperçu riche qui s'estompe et glisse quel que soit le côté sur lequel elle s'ouvre lorsque vous survolez un nom lié, avec un bref délai pour éviter le scintillement.

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: side, align, openDelay, 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

1993Link preview cardSuperpositionsUn petit panneau d'aperçu qui apparaît à côté d'un lien ou d'un nom d'utilisateur après un bref survol, affichant un résumé de ce qui se cache derrière sans nécessiter de clic.

2146Edge-slide panelSuperpositionsUn panneau de paramètres qui s'appuie contre le bord de l'écran tandis que la page située derrière s'assombrit et se brouille.

2214Resizing hint tooltipSuperpositionsUne étiquette de survol dont la bulle se redimensionne automatiquement lorsque son texte est plus long ou plus court, au lieu de passer d'une taille à l'autre.

2295Account Dropdown MenuSuperpositionsUn déclencheur d'avatar qui ouvre un menu de compte groupé avec des astuces de raccourci clavier, un sous-menu de thème et une ligne de déconnexion destructrice conçue à part du reste.

2296Account Menu FlyoutSuperpositionsUn bouton de résumé de profil qui s'ouvre sur un menu de compte composé de lignes étiquetées, avec une petite ligne indicatrice incurvée qui se redresse lorsque le menu est ouvert.

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.