제목 칩

제목 칩은 작은 정보 스니펫을 제공합니다.

디자인 요소는 프레임 하단에 고정해야 합니다.

원칙

맥락: 제목 칩의 주요 목적은 연결된 콘텐츠에 대한 명확하고 즉각적인 맥락을 제공하는 것입니다.

간결함: 제목 칩은 일반적으로 짧은 제목, 이름 또는 상태와 같은 간략한 정보를 위해 설계되었습니다.

시각적으로 구별됨: Jetpack Compose 글리머 미학을 공유하면서도 대화형 버튼이 아닌 라벨로 인식될 수 있을 만큼 외관이 구별되어야 합니다.

사용 및 배치

제목 칩은 기본적으로 읽기 전용 구성요소입니다.

사용자에게 알리고 라벨을 지정하기 위해 정적 또는 장식 요소에 제목 칩을 사용합니다.
제목 칩에는 포커스 상태가 없으므로 탭 가능한 작업 프롬프트로 사용하지 말고 버튼을 대신 사용하세요.

디자인 요소는 프레임 하단에 고정해야 합니다. 제목 칩은 정적 모바일 앱 바와 유사합니다.

레이아웃 내

제목 칩은 기본적으로 읽기 전용 구성요소입니다.

칩이 레이아웃과 함께 스크롤됨
또는 칩을 레이아웃 내에 고정할 수 있습니다. 칩은 상단 56dp를 차지합니다.

분석

디자인 요소는 프레임 하단에 고정해야 합니다. 기본 제목 칩과 고정 제목 칩이 표시됩니다. 고정 제목 칩이 윤곽선과 함께 표시됩니다.

1. 제목 칩 라벨

2. 선택사항인 선행 아이콘 또는 항목

맞춤설정

제목 칩은 다른 스타일 속성과 함께 아이콘이 있거나 없는 상태로 표시될 수 있습니다.

속성 맞춤설정 기본값
도형 Large, Circle(대형, 원형)
패딩 16 dp, 8 dp
테두리 2 dp, #606460
텍스트 Body Small
앞부분 아이콘 40 dp
깊이 0
최대 너비 아니요 352 dp
최소 높이 56 dp