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.jsonCopy this template into your app and customize its props, words, and links.
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>
);
}