Transaction Row

Directional arrow bubble beside a merchant name, category and date meta, and a signed amount on the right.

Stripe payout
IncomeToday · 09:14
+$3,240.00

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
import { Money4 } from "@/components/beste/piece/money4";

<Money4
  merchant="Stripe payout"
  category="Income"
  amount="+$3,240.00"
  date="Today · 09:14"
  direction="incoming"
/>