Blogpost 13 - Two-column article with sticky related links

Pro

A wide article column beside a sticky aside listing categorized related reading links with hover states and external arrow icons.

Shadcn Blogpost 13 block

Component Data

  • ID:blogpost13
  • Access:pro
  • Created:Jun 11, 2026
  • Type:block

Blogpost 13 block design & features

Blogpost13 arranges a two-column reading experience with the main article on the left and a sticky related-links aside on the right. The primary column opens with date, title, summary, and a prose body that includes multiple headings, paragraphs, and a block quotation inside dark-aware typography styles.

The sidebar sits inside a bordered muted panel labeled "Related reading." Each entry shows a category line, link title, and arrow icon with hover background feedback. The aside stays pinned within the viewport on large screens while the article scrolls independently.

The overall feel is editorial and reference-oriented, similar to documentation hubs that keep optional paths visible without interrupting the main narrative.

This block is moderately complex because it expects both full article copy and a curated list of related titles with categories and destinations.

On smaller breakpoints the grid collapses to a single column; the related list follows the main header area rather than staying sticky.