React Blog List

A newsroom or engineering blog index: an optional featured lead post in a wide card over a responsive grid of post cards, each with a category tag, title, two-line excerpt, and mono author/date/read-time meta. Image-optional and hairline-bordered — it reads as an engineering blog, not a lifestyle magazine.

Installation

npx shadcn@latest add blog-list.json

Usage

Loading...

Props

PropTypeDefaultDescription
postsBlogPost[]{ title, excerpt?, category?, author?, date?, readTime?, href? }
featuredbooleanfalseRender the first post as a wide lead card