Blog 40 - Single featured blog post row

Pro

Featured article in a two-column row with cover image beside category badge, headline, excerpt, author metadata, and read link inside one linked bordered card.

Shadcn Blog 40 block

Component data

ID
blog40
Access
pro
Created
Jun 11, 2026
Type
block
Libraries
Radix UI, Base UI, React Aria

Blog 40 block design & features

Blog40 is a single featured blog post built with shadcn/ui Badge. A small uppercase label introduces the section, then one linked card uses a two-column row on desktop — cover image on the left, category badge, headline, excerpt, author line, date, and read link on the right.

The layout stacks on mobile and switches to a side-by-side row on large screens. The cover image scales slightly on hover while typography stays compact and readable.

Complexity is low: you need one post with imagery, category, author, date, excerpt, and an outbound link. No tabs, supporting posts, or client-side state.