네모네모 부품

줄무늬 제목 줄

창의 맨 위 줄만 따로 뽑은 부품이에요. 카드, 그림 상자, 표 등 어떤 네모 위에도 얹어서 옛 컴퓨터 창처럼 보이게 해요.

기본

먹색 1px 줄이 3px 간격으로 13px 높이에 그려지고, 이름은 종이색 칩 위에 놓여요.

TITLE BAR

내 포인트

1,200P

<TitleBar label="내 포인트" />

VARIANTS

NOTICE

새 소식

보라

REPORT

주간 요약

닫기 칸 없음

아주 길어서 잘리는 제목 줄 이름

말줄임 처리

긴 이름

<TitleBar label="NOTICE" tone="accent" />
<TitleBar label="NO CLOSE" closeBox={false} />

요약

한 상자에 줄 하나

이렇게상자 맨 위에 한 번만 얹어요. 이름은 짧게.

요약

상세

줄이 두 번

이렇게 말고한 상자에 제목 줄을 둘 이상 쌓으면 무늬가 답답해져요.