네모네모 부품
그림 상자
차트나 다이어그램을 담는 틀이에요. 제목에 그림이 말하는 결론을 한 문장으로 쓰고, 아래에 출처를 달아요.
기본
제목은 주제가 아니라 결론이에요. 그림만 보고 지나가도 무엇을 말하는지 알 수 있어야 해요.
FIGURE BOX
그림 1출석하는 사람이 매주 늘고 있어요
출처: 포인트탭 출석 기록, 2026년 10월 1주~4주
<FigureBox
index="그림 1"
title="출석하는 사람이 매주 늘고 있어요"
caption="출처: 포인트탭 출석 기록, 2026년 10월 1주~4주"
>
<Chart />
</FigureBox>출처 줄 없이
직접 그린 개념도처럼 출처가 필요 없으면 caption을 빼요.
NO CAPTION
입력확인완료
<FigureBox title="신청은 세 단계로 끝나요">…</FigureBox>이렇게 써요
이렇게제목은 그림의 결론 한 문장이에요.
이렇게 말고「현황」 같은 주제어만 쓰면 그림을 읽어야 결론을 알아요.
속성
| 속성 | 값 | 기본값 | 설명 |
|---|---|---|---|
title | ReactNode | 없음 | 그림의 결론 한 문장 |
index | string | 없음 | 제목 위 작은 라벨(그림 1 등) |
caption | ReactNode | 없음 | 그림 아래 출처와 설명 줄 |
children | ReactNode | 없음 | 차트, 다이어그램, 화면 |