Detail Pane List Row
Label + trailing rows for detail panes inside AccountDetailCard.
Default
Balance
Available$12,340.00
Pending$120.00
Inset + compact
Budget breakdown density inside an inset card.
Breakdown
Income
Net Income$8,000.00
Deduction, total, interactive
Tax lines, net totals, and hover-only rows.
Lines
Taxes$2,000.00
Groceries$440.00
Total$2,440.00
Developer
import { DetailPaneListRow } from "@financial-tracking/design-system"API reference
| Prop | Type | Default |
|---|---|---|
labelRequired. | ReactNode | — |
trailingRequired. | ReactNode | — |
onClickEditable / button row when set. | () => void | — |
deductionPrepends − before the trailing value. | boolean | false |
totalBold label + trailing for section totals. | boolean | false |
insetPadding for AccountDetailCard variant inset. | boolean | false |
compact40px row height; default matches master pane 50px. | boolean | false |
interactiveRead-only hover affordance without onClick. | boolean | false |