Transaction List

cardfrom Fintech Light

Live

AI Usage Rules

Each transaction shows date, description, category badge, and amount. Use mono font for amounts.

Code Template

<div className="bg-white rounded-lg border border-slate-200"><div className="px-6 py-4 border-b border-slate-200 flex items-center justify-between"><h3 className="font-semibold text-slate-900">{title}</h3>{filters}</div><div className="divide-y divide-slate-100">{transactions}</div></div>

Props Schema

Property	Type	Default
title	string	—
filters	object	—
transactions	array	—

View raw JSON schema

{
  "type": "object",
  "properties": {
    "title": {
      "type": "string"
    },
    "filters": {
      "type": "object"
    },
    "transactions": {
      "type": "array"
    }
  }
}