12 react-email parts, previewed on a light mail canvas. The barrel (index.ts) and tailwind config are covered in code, not specimens.
BrandedEmailLayout
Full document shell: preheader, header, footer, Tailwind-inlined, optional dark mode.
@general-design-company/internal-ui/components/email/layout
|
BrandHeader
Email masthead: brand plus optional right-aligned meta.
@general-design-company/internal-ui/components/email/brand-header
|
Heading
Email type scale: eyebrow, heading, and subheading.
@general-design-company/internal-ui/components/email/headingSeptember update
Ship day
Eleven promotions landed.
Every specimen renders the shipped component.
Sent from the docs site. No reply needed.
Link
Inline email link with client-safe styling.
@general-design-company/internal-ui/components/email/linkRead the library docs first.
InvoiceContext
Email memo block above an invoice line item.
@general-design-company/internal-ui/components/email/invoice-contextThank you Invoice #1042Milestone two of three. |
InvoiceItem
Email invoice line with formatted amount and caption variant.
@general-design-company/internal-ui/components/email/invoice-item
|
ProjectPlan
Email milestone timeline. The web sections version wraps this data.
@general-design-company/internal-ui/components/email/project-plan
|
SubscriptionContext
Email retainer summary block.
@general-design-company/internal-ui/components/email/subscription-contextSubscription
4 cycles paid · Next charge Oct 1 |