Email SDK
UICommerce

Refund confirmed

A reassuring refund status with timing details.

Email preview
FromAcme <hello@acme.com>SubjectYour refund has been issuedPreviewYour $49.00 refund is on its way

Installation

npx shadcn@latest add https://email-sdk.dev/r/refund-confirmed.json

Copy this template into your app and customize its props, words, and links.

src/ui/email/refund-confirmed.tsx
import {
  EmailCard,
  EmailHeading,
  EmailSeparator,
  EmailText,
  ShadcnEmail,
} from "@opencoredev/email-sdk/react";

export function RefundConfirmedEmail({ amount }: { amount: string }) {
  return (
    <ShadcnEmail preview={`Your ${amount} refund is on its way`}>
      <EmailCard>
        <EmailHeading>Your refund is on its way</EmailHeading>
        <EmailText>We issued a {amount} refund to your Visa ending in 4242.</EmailText>
        <EmailSeparator />
        <EmailText muted>Refund amount</EmailText>
        <EmailText style={{ fontSize: 24, fontWeight: 700 }}>{amount}</EmailText>
        <EmailText muted>Expected in 3–5 business days</EmailText>
        <EmailText muted>Your bank may take additional time to post the credit.</EmailText>
      </EmailCard>
    </ShadcnEmail>
  );
}

On this page