Block

Recent Activity

Scrollable transaction or event list with category, timestamp, and amount. Pairs with a stats overview.

Uses:CardBadgeButtonSeparator

Playground

Preview
Recent Activity
Your latest transactions

Blue Bottle Coffee

Food & Drink · Today, 10:24 AM

-$6.50

Whole Foods Market

Groceries · Yesterday

-$142.30

Stripe Payout

Income · Oct 12

+$4,200.00

Uber Technologies

Transport · Oct 11

-$24.10

Netflix

Entertainment · Oct 10

-$19.99

Configure

Yes

Code

<Card className="w-full max-w-md shadow-xl">
  <CardHeader>
    <CardTitle>Recent Activity</CardTitle>
    <CardDescription>Your latest transactions</CardDescription>
    <CardAction>
      <Button variant="ghost" size="sm">View all</Button>
    </CardAction>
  </CardHeader>
  <CardContent className="flex flex-col gap-0">
    {/* transaction rows */}
  </CardContent>
</Card>