테두리 상자 하나에 줄을 쌓고, 넓은 자리에서는 상자 안이 두 열로 나뉘어 격자처럼 보여요.
쓰는 규칙놓인 자리가 넓으면 두 칸으로 — 화면 폭이 아니라 그 자리의 폭을 본다.
---
// src/pages/[post].astro
import { PostList } from '../components/registry';
---
<PostList heading="함께 읽으면 좋은 글" headingId="related" posts={related} />export interface PostListProps {
posts: PostSummary[];
heading?: string;
headingId?: string;
/** 목록 제목 단계(카드 제목은 그 아래 단계) */
headingLevel?: 2 | 3;
showCategory?: boolean;
/** PostCard 변형 */
variant?: VariantOf<'PostCard'>;
}변형은 따로 없고 사이트가 고른 글 카드 모양을 그대로 따라요. 데모에서는 큰 회색 순번과 제목, 시계 아이콘 읽는 시간·날짜 줄이 둘씩 짝지어 두 열로 나왔어요. 제목이 있으면 상자 맨 위 회색 머리 줄에 들어가요. 놓인 자리의 폭이 880px 이상일 때 두 열이 돼요.
글이 많은 카테고리나 404의 새 글 목록에 쓰면 가운데 선이 있는 한 장 표처럼 정돈돼 보여요.
함께 읽을 글·카테고리·404가 같은 목록 모양을 써요.