Table cells
Typed cells for accounts, currency, numbers, and people. Each renders a TableCell.
Overview
| Account | Owner | Balance | Count |
|---|---|---|---|
 Chase CheckingJPMorgan Chase | Shared | $12,340.00CAD | 24 |
 Ally SavingsAlly Financial | Scott | $45,600.00USD | 12 |
Developer
import { AccountCell, CurrencyCell, NumericCell, PersonCell } from "@financial-tracking/design-system"AccountCell
| Prop | Type | Default |
|---|---|---|
nameRequired. | string | — |
institution | string | — |
iconSrc | string | — |
hrefWraps content in a Link when set. | string | — |
sizePassed to ContentLockup. | "default" | "small" | "small" |
CurrencyCell
| Prop | Type | Default |
|---|---|---|
childrenFormatted amount. | ReactNode | — |
currencyOptional code label (e.g. CAD). | string | — |
NumericCell
| Prop | Type | Default |
|---|---|---|
childrenRight-aligned tabular number. | ReactNode | — |
PersonCell
| Prop | Type | Default |
|---|---|---|
childrenOwner or person label. | ReactNode | — |