DocsFinanceTransaction List

Transaction List

Finance

Transaction list component with date grouping, status indicators, merchant category icons, and multiple density modes.

Import
import { FqTransactionList, type Transaction } from '@/components/harlowui/finance/fq-transaction-list'

Preview

API Reference

PropTypeDefaultDescription
transactions*Transaction[]-Array of transaction objects
showStatusbooleanfalseShow status badges on each transaction
groupByDatebooleantrueGroup transactions by date
density"compact" | "normal" | "comfortable""normal"Row density mode