Aller au contenu principal

AccountCard

Carte compacte affichant un compte : nom, institution, type, solde courant.

Source : src/components/ui/account-card.tsx

Props

Source : src/components/ui/account-card.tsx

PropTypeRequisDéfautDescription
idstring
namestring
institutionstring
typestring
balancestring

Exemple

<AccountCard
id="clxyz..."
name="Compte courant"
institution="BoursoBank"
type="CHECKING"
balance="3 245,80 €"
/>

Règles

  • balance est une string déjà formatée par Intl.NumberFormat côté serveur — jamais un number brut
  • Le composant n'effectue aucun formatage numérique (single responsibility)
  • Click = navigation vers /accounts/[id]

Accessibilité

  • Wrapper <a> ou <Link> avec aria-label composé (ex : "Compte courant — BoursoBank — solde 3 245,80 €")
  • Focus ring visible (voir Accessibilité)

Voir aussi