AppSwitcher
StableSélecteur d'applications Pléiades : bouton grille ouvrant un menu cross-app. Props-driven, tokens-only, 4 thèmes, a11y WCAG AA (aria-haspopup, navigation clavier, Échap).
import { AppSwitcher } from "@lyra/tokens/components";Playground
currentApp
align="right" (défaut) — dans un header simulé
… nav links …
align="left" — panneau ancré à gauche du bouton
… actions …
Les URLs pointent vers #demo-* dans la galerie. Changer currentApp via les boutons ci-dessus. Tabuler dans le menu + flèches haut/bas + Échap.
Démo interactive — réglages du playground (props ajustables en direct) à venir.
<AppSwitcher
apps={pleiadesApps}
currentApp="aethos"
align="right"
/>Documentation
- FermécurrentAppalign="right" (défaut) — dans un header simulé… nav links …align="left" — panneau ancré à gauche du bouton… actions …
Les URLs pointent vers #demo-* dans la galerie. Changer currentApp via les boutons ci-dessus. Tabuler dans le menu + flèches haut/bas + Échap.
apps, currentApp, align<AppSwitcher
apps={pleiadesApps}
currentApp="aethos"
align="right"
/>- Bouton déclencheur : aria-haspopup='menu', aria-expanded reflète l'état.
- Menu : role='menu', éléments = role='menuitem'.
- Navigation clavier : Flèches Haut/Bas dans le menu, Échap ferme.
- App courante : aria-current='page' sur l'élément actif.
- WCAG 2.1.1 — entièrement opérable au clavier.