import { PodcastBlog } from "@/components/email/podcast-blog";
import { defaultTheme } from "@/components/email/theme-default";
export function PodcastBlogDemo() {
return (
<PodcastBlog
width="split"
theme={{ ...defaultTheme, containerWidth: "640px" }}
/>
);
}Installation
$ pnpm dlx shadcn@latest add @emailcn/mjml-react/podcast-blog
Usage
import { PodcastBlog } from "@/components/email/podcast-blog";<PodcastBlog width="split" />Examples
Podcast blog split
default
import { PodcastBlog } from "@/components/email/podcast-blog";
export function PodcastBlogWidthSplitExampleDemo() {
return <PodcastBlog width="split" />;
}Podcast full width
default
import { PodcastBlog } from "@/components/email/podcast-blog";
export function PodcastBlogWidthFullExampleDemo() {
return <PodcastBlog width="full" />;
}API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
theme | EmailTheme | defaultTheme | Renderer theme configuration. |
post | { title: string; excerpt?: string; image?: { alt?: string; src: string }; author?: string; badge?: string; date?: string; month?: string; episode?: string; host?: string } | - | Configures the component's post. |
width | "split" | "full" | "split" | Configures the component's width. |