Account Summary

cardfrom Fintech Light

Live

AI Usage Rules

Show checking, savings, and investment accounts with balances. Use mono font for numbers.

Code Template

<div className="bg-white rounded-lg border border-slate-200 p-6"><h3 className="font-semibold text-slate-900">{title}</h3><div className="mt-4 space-y-4">{accounts}</div><div className="mt-6 pt-4 border-t border-slate-200 flex justify-between"><span className="font-medium text-slate-700">Total</span><span className="font-bold text-slate-900">{total}</span></div></div>

Props Schema

Property	Type	Default
title	string	—
total	string	—
accounts	array	—

View raw JSON schema

{
  "type": "object",
  "properties": {
    "title": {
      "type": "string"
    },
    "total": {
      "type": "string"
    },
    "accounts": {
      "type": "array"
    }
  }
}