Nemo
네모네모 부품

그림 상자

차트나 다이어그램을 담는 틀이에요. 제목에 그림이 말하는 결론을 한 문장으로 쓰고, 아래에 출처를 달아요.

기본

제목은 주제가 아니라 결론이에요. 그림만 보고 지나가도 무엇을 말하는지 알 수 있어야 해요.

FIGURE BOX
그림 1
출석하는 사람이 매주 늘고 있어요
출처: 포인트탭 출석 기록, 2026년 10월 1주~4주
<FigureBox
  index="그림 1"
  title="출석하는 사람이 매주 늘고 있어요"
  caption="출처: 포인트탭 출석 기록, 2026년 10월 1주~4주"
>
  <Chart />
</FigureBox>

출처 줄 없이

직접 그린 개념도처럼 출처가 필요 없으면 caption을 빼요.

NO CAPTION
신청은 세 단계로 끝나요
입력확인완료
<FigureBox title="신청은 세 단계로 끝나요">…</FigureBox>

이렇게 써요

출석이 매주 늘고 있어요

이렇게제목은 그림의 결론 한 문장이에요.

출석 현황

이렇게 말고「현황」 같은 주제어만 쓰면 그림을 읽어야 결론을 알아요.

속성

속성값기본값설명
titleReactNode없음그림의 결론 한 문장
indexstring없음제목 위 작은 라벨(그림 1 등)
captionReactNode없음그림 아래 출처와 설명 줄
childrenReactNode없음차트, 다이어그램, 화면