BalanceCard
Le comparatif de deux mensualités, l'actuelle et la nouvelle, séparées par une pastille chevron.
Utilisation
import { BalanceCard } from "@monstera/ui"*Ce montant correspond à la mensualité de votre plan de remboursement N°1, auquel s'ajoutent les mensualités de vos opérations spéciales.
Taille lg
La taille par défaut empile les deux montants et pose la pastille au centre du filet qui les sépare. hint s'affiche sous la carte, en dehors du cadre.
Taille sm
Les deux montants passent côte à côte, à parts égales, et le chevron de la pastille pointe vers la droite. Le montant y est plus petit et moins gras qu'en lg.
Accessibilité
Chaque mensualité se lit en un seul arrêt : « Votre mensualité actuelle, 149,90 € », puis « Votre nouvelle mensualité, 189,90 € ». La pastille chevron est décorative.
API
Prop
Type
PresentationList
Une rangée d'affichage : une tête, un titre, une description. Rien n'y est cliquable, c'est le pendant statique de ClickableList.
CreditCard
Le visuel d'une carte bancaire. produit porte l'identité, Origin ou Pure, et les états se superposent au même visuel : dématérialisée, verrouillée, en opposition.