Superpositions

Account Menu Flyout

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

Workspace

Arrow keys move the highlight, Enter activates a row, Escape closes.

Utiliser Account Menu Flyout

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

Utilisez ce menu déroulant pour regrouper les informations du profil et les actions du compte derrière un bouton de profil compact.

Fournissez un nom et une adresse e-mail, choisissez l’alignement du panneau et reliez chaque ligne sélectionnée à la destination correspondante via la fonction de sélection.

Le menu est un composant d’interface. Votre application doit gérer l’authentification, les changements de facturation et la navigation ; afficher un badge de forfait ne vérifie pas un abonnement.

Propriétés: name, plan, align, 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

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.

2121Checkable action menuSuperpositionsUn menu qui mélange des actions simples avec des rangées de cases à cocher et un ensemble à choix unique, en insérant chaque coche lorsqu'elle s'allume et en faisant glisser un point entre les choix.

2176Keyboard Dropdown MenuSuperpositionsUn bouton de déclenchement ouvre une liste d'actions flottante dont l'arrière-plan en surbrillance glisse en douceur entre l'élément survolé ou focalisé sur le clavier, avec une navigation complète par touches fléchées et par saisie anticipée.

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.

2182Linked Profile PreviewSuperpositionsUne carte d'aperçu riche qui apparaît lorsqu'un visiteur survole ou concentre un nom lié, affichant un avatar, une biographie et des statistiques de suivi, avec un flotteur facultatif qui suit le curseur.

2094Sliding highlight menuSuperpositionsUn menu d'action déclenché par un bouton dans lequel une plaque arrondie glisse entre les rangées lorsque le pointeur ou les touches fléchées se déplacent, plutôt que chaque rangée ne s'éclaire d'elle-même.