네모네모 부품

장 번호

보라 네모 안에 숫자를 넣은 표시예요. 긴 문서의 장 순서를 알리고, 장 머리 줄에서는 제목과 설명과 함께 묶여요.

번호 상자

먹색 테두리와 4px 그림자가 붙어요. 크기는 두 가지예요.

NUMBER

<ChapterNumber>1</ChapterNumber>
<ChapterNumber size="sm">2</ChapterNumber>

번호, 제목, 설명 한 줄이 한 덩어리예요. 장이 시작될 때마다 하나씩 둬요.

CHAPTER HEADER

출석과 미션 참여가 지난달보다 늘었어요.

<ChapterHeader
  number={1}
  title="이번 달에 한 일"
  lede="출석과 미션 참여가 지난달보다 늘었어요."
/>

이렇게번호는 1부터 순서대로, 제목은 짧은 명사구로 써요.

제2장 중요한 부분

이렇게 말고번호 칸에 긴 글을 넣으면 네모가 깨져요. 숫자나 한 글자만 넣어요.