Blog post preview card with category badge, title, excerpt, author, and reading time.
Install
npx bouncekit@latest add blogpostcardImport
import { BlogPostCard } from "@/components/marketing/blog/blog-post-card"1. Copy the source file
Copy src/components/marketing/blog/blog-post-card.tsx into your project at the same path.
2. Install dependencies
Check the component's imports and install any missing packages.
3. Import and use
import { BlogPostCard } from "@/components/marketing/blog/blog-post-card"Make sure you have cn() from @/lib/utils available in your project.
Props
| Prop | Type | Required | Description |
|---|---|---|---|
post | BlogPost | yes | Blog post data to display. |