콘텐츠 영역이나 특정 섹션의 시작을 명확하게 알려주는 제목 요소입니다. 섹션의 주제를 설명하고 추가 정보나 관련 페이지로 이동할 수 있는 링크를 함께 제공하여 탐색을 쉽게 할 수 있도록 돕습니다.
Design
Web
iOS
Android
화면 위계에 따라 크기를 변경해 사용합니다. Title의 Line height에 따라 높이가 결정됩니다.
화면 위계에 따라 크기를 변경해 사용합니다. 타이틀 텍스트의 Line height에 따라 높이가 결정됩니다. 데스크톱에서는 가독성을 위해 모바일보다 큰 타이틀 텍스트를 사용합니다.
Title 우측은 Slot 영역으로 Chip, Icon button 등이 배치 될 수 있습니다.
컴포넌트의 가장 우측 Slot 영역으로 Button, Pagination, Icon button 등이 배치 될 수 있습니다.
타이틀은 컨테이너 너비보다 길어질 경우 최대 두 줄로 줄 바꿈 처리됩니다. Heading content는 타이틀의 기준선(baseline)에 맞춰 하단 정렬됩니다. Trailing content는 타이틀의 기준선(baseline)에 맞춰 하단 정렬됩니다.
화면 너비가 767px 이하일 때 모바일용을 사용합니다.
화면 너비가 768px 이상일 때 데스크톱용을 사용합니다.
Heading은 최대한 간결하게 작성합니다.
타이틀을 너무 길게 작성하지 않습니다.
typographyColor
contentColor
