List cell
콘텐츠를 하나의 리스트 단위로 표현하는 요소로, 이미지, 텍스트, 인터랙션 요소 등을 유연하게 조합하여 구성할 수 있습니다. 일관되고 정돈된 형태로 정보를 탐색할 수 있도록 돕습니다.
화면 레이아웃에 따라 상하 여백을 변경해 사용할 수 있습니다. 기본 제공하는 여백 외에 다른 값 적용이 필요한 경우 커스터마이징해 사용할 수 있습니다.
인터랙션과 구분선을 함께 쓰는 것을 권장하지 않습니다. 단순한 항목을 나열할 때에는 구분선을 지양하며 콘텐츠의 복잡도가 올라갈 시 구분선을 사용하여 화면의 명확성을 올립니다.
Selected 상태를 통해 사용자가 선택했음을 시각적으로 명확하게 표시할 수 있습니다. Default, Checkbox, Radio 세 가지 타입으로 사용할 수 있습니다.
Label과 Description 텍스트는 최대 표시 줄 수를 초과한 경우 말줄임 처리합니다. 기본 최대 줄 수는 한 줄로 하되, 필요에 따라 최대 줄 수를 커스터마이징할 수 있습니다.
Do
인터랙션 영역을 고려하여 간격, Divider 사용 여부를 정의합니다.
Don’t
그룹 내에서 다른 형태의 Leading content를 함께 사용하지 않습니다.