Payment Request

Money request bubble with a direction arrow, large amount, optional italic note, and Pay / Decline actions.

Payment request

$48.60

Dinner split · Packer's Coffee

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

Import & use

import { Chat30 } from "@/components/beste/piece/chat30";

<Chat30
  amount="48.60"
  currency="$"
  note="Dinner split · Packer's Coffee"
  direction="request"
  role="received"
/>