번호 붙은 글 줄을 위에 회색 선을 두고 이어 붙인 목록이에요. 넓은 자리에서는 두 열로 나뉘어요.
쓰는 규칙놓인 자리가 넓으면 두 칸으로 — 화면 폭이 아니라 그 자리의 폭을 본다.
---
// 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'>;
}변형이 없고, 줄마다 01·02 번호, 굵은 제목, 날짜와 읽는 시간이 있고 설명은 없어요. 줄은 회색 선으로 나뉘어요. 넓은 자리에서는 두 열, 본문 폭에서는 한 열이에요.
목록 글 카드 변형(list·thumb·number)을 따라 그려져서 어느 카드를 골랐느냐에 따라 모양이 달라져요. 카테고리나 404 처럼 글이 여러 개 모이는 자리에 맞아요.
이 화면에서는 번호 열 모양(number)으로 보여요.