Email Preview

Inbox row with sender, subject line, two-line body preview, attachment clip, and star.

Stripereceipts@stripe.com
09:42
Your February invoice is readyYour usage for February 1 – 29 totalled $1,284.00. Payment will be collected on the 3rd.

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

Import & use
import { Notification11 } from "@/components/beste/piece/notification11";

<Notification11
  sender="Stripe"
  email="receipts@stripe.com"
  subject="Your February invoice is ready"
  preview="Your usage for February 1 – 29 totalled $1,284.00. Payment will be collected on the 3rd."
  time="09:42"
  hasAttachment={true}
  starred={false}
/>