EmailComponents

Card

Display content in a card layout for emails.

Preview

Card Preview

Usage

import {
  EmailCard,
  EmailCardContent,
  EmailCardDescription,
  EmailCardFooter,
  EmailCardHeader,
  EmailCardTitle,
} from '@vitnode/core/emails/ui/card';
import { Text } from '@react-email/components';
<EmailCard>
  <EmailCardHeader>
    <EmailCardTitle>Card Title</EmailCardTitle>
    <EmailCardDescription>Card Description</EmailCardDescription>
  </CardHeader>
  <EmailCardContent>
    <Text className="m-0">
      This is the content of the card. You can put any content here.
    </Text>
  </EmailCardContent>
  <EmailCardFooter>
    <Text className="m-0">Footer</Text>
  </EmailCardFooter>
</EmailCard>

On this page

Card - Email - VitNode