OperationHeader
L'entête d'une fiche opération : une pastille d'icône de 40 px, le montant, le libellé, la date et un badge d'état.
Utilisation
import { OperationHeader } from "@monstera/ui"- 105,88 €
Boulangerie Paris 15
10 juil. 2026
Fiche complète
badge est un enfant libre, rendu sous le bloc de texte. Figma y pose un Badge md ghost avec sa puce d'état.
- 350,00 €
Mensualité Crédit Sofinco
- 350,00 €
5 août 2026
Parties facultatives
Chaque partie est indépendante : une opération sans date, sans libellé ou sans icône se rend sans trou dans la mise en page.
API
Prop
Type
OperationList
Une opération dans une liste : vignette, intitulé, montant, date, état, contexte. La rangée entière est cliquable et mène à la fiche de l'opération. OperationIcon est la vignette par défaut, quand l'opération n'a pas de logo.
SmallActionCard
La tuile de synthèse en verre dépoli : un intitulé avec son icône, un montant, une précision, et une action à droite.