설명 목록

용어와 설명의 관계를 시맨틱 dl, dt, dd로 표현해 엔티티의 세부 정보를 일관되게 정렬한다.

상태

single

2 columns

짧은 필드 여러 개는 columns로 묶어 카드나 상세 헤더 아래에 배치한다.

Preview

tsx

<DescriptionList columns={3} items={[{ term: "상태", description: "활성" }]} />

긴 설명은 divided 단일 열로 배치해 각 항목의 읽기 흐름을 분리한다.

Preview

tsx

<DescriptionList divided items={items} />

이름	타입	기본값	설명
items	readonly DescriptionListItem[]	-	term과 description 목록
columns	1 \| 2 \| 3	1	반응형 열 수
divided	boolean	false	행 사이 구분선과 term/value 열 배치
className	string	-	dl root 클래스