← All components

Article Grid

slug: article-grid

Dynamic posts-listing block: a responsive 3-up grid of article cards (reused verbatim from the card unit) with an auto category-filter tab bar, a search pill, and "Load more" pagination. The first page is server-rendered; filter/search/load-more go through the /api/posts Route Handler — no GraphQL client ships to the browser. Preview renders the client island directly from fixture data.

Rendering with default fixtures. Source: apps/web/src/components/blocks/ArticleGrid.fixtures.ts
Design system