AuroraCard
StableRSC-safeCard elevated générique : glow optionnel (cyan / magenta / none), slot header + content + footer. Primitive Lyra réutilisable dans toute la suite.
import { AuroraCard } from "@lyra/tokens/components";Playground
Résumé
TFSA124 500 $
Actifs enregistrés
Insights IA
ClaudeVotre taux d'épargne a progressé de 18% ce trimestre. Envisagez d'augmenter votre contribution RRSP.
Budget
Dépensé2 340 $
Budget3 000 $
Démo interactive — réglages du playground (props ajustables en direct) à venir.
<AuroraCard
title="Mon titre"
label="Sous-titre"
glow="cyan"
footer="Mis à jour le 2026-06-11"
>
{/* contenu */}
</AuroraCard>Documentation
- glow=cyan
Cyan
Contenu - glow=magenta
Magenta
Contenu - glow=none
Sans glow
Contenu
title, label, glow, footer, children<AuroraCard
title="Mon titre"
label="Sous-titre"
glow="cyan"
footer="Mis à jour le 2026-06-11"
>
{/* contenu */}
</AuroraCard>- Élément '<'article'>' avec aria-label passé en prop.
- Glow = effet purement décoratif (pas d'information portée par la couleur seule).
- WCAG 1.4.1 — information non véhiculée par la couleur seule.
- focus-visible sur les éléments interactifs enfants (si présents).