Foundation

Buttons

Control

Layout

Display

Navigation

User Item

User Item은 사용자 정보를 표시하고, 필요에 따라 사용자를 추가하거나 제거할 수 있는 컴포넌트입니다.

컴포넌트 명세 (Component Specification)

사이즈 가이드 (Size Guide )

사용 목적에 따라서 세로형, 가로형으로 구분되어서 사용됩니다.

상태 분류 (State Variants)

상태에 따라서 empty, default로 나뉘어서 사용됩니다.

사용 예시 (Use Case)

실제 서비스 화면에서 User Item이 배치되고 활용되는 패턴입니다.

세로형 아이템 (Vertical User Items)

세로형 Item은 두 줄 형태로 나열되며, 좌우 8px 간격을 두고 우측과 하단 방향으로 확장됩니다.

가로형 아이템 (Horizontal User Items)

가로형 Item은 1줄 형태로 나열되며, 추가 시 8px의 간격을 두고 하단 방향으로 확장됩니다.

마스터 컴포넌트 (Master Component)

Master Component입니다. 컴포넌트를 복사해 원하는 위치에서 Instance로 사용합니다.