f30b846f04ed002889ca46b4ddcd314400901439
- CategorySection: presentational collapsible with left border accent, chevron, badges, 4-column table - Direction-aware difference logic: spending types (actual > budget = over), income/saving/investment (actual < budget = over) - Per-item and footer totals with color-coded difference column - CollapsibleSections: thin container rendering ordered CategorySection list with controlled open state - Both components accept t() as prop (presentational pattern)
SimpleFinanceDash
Languages
TypeScript
97.4%
CSS
2.6%