List card

여러 콘텐츠를 목록 형태로 보여줄 때 사용하는 요소입니다. 이미지, 텍스트, 뱃지 등 다양한 요소를 조합하여 각 항목의 정보를 시각적으로 일관성 있게 전달합니다.

WantedListCard

썸네일과 설명 영역을 좌우로 배치한 가로형 카드 컴포넌트입니다. 로딩 상태(isLoading)에 따라 Skeleton 또는 실제 콘텐츠를 렌더링합니다. 상단/하단 커스텀 콘텐츠와 좌우 콘텐츠 Slot을 제공합니다.

WantedListCard(
    modifier = Modifier.fillMaxWidth(),
    title = "제목",
    caption = "캡션",
    extraCaption = "추가 설명",
    topContent = { WantedContentBadge(text = "상단") },
    bottomContent = { WantedContentBadge(text = "하단") },
    leadingContent = { WantedCheckBox(...) },
    trailingContent = { Icon(...) },
    onClick = { /* 클릭 처리 */ }
)

Parameters

이름타입설명
modifierModifier카드 최외곽 노드에 적용됩니다. 배경·테두리·클릭 영역이 모두 이 노드 기준입니다.
titleString카드의 주요 제목입니다.
captionString제목 아래에 표시될 보조 설명입니다.
extraCaptionString추가적인 설명 텍스트입니다.
isLoadingBooleantrue일 경우 스켈레톤 UI로 렌더링됩니다.
cardDefaultWantedCardDefault스켈레톤 표시 여부와 카드 표면(배경색·모양·테두리·안쪽 여백) 설정을 담는 객체입니다.
thumbnail(@Composable () -> Unit)?썸네일 이미지 영역입니다. null이면 기본 배경으로 표시됩니다.
topContent(@Composable () -> Unit)?설명 위에 표시될 추가 콘텐츠입니다.
bottomContent(@Composable () -> Unit)?설명 아래에 표시될 추가 콘텐츠입니다.
leadingContent(@Composable () -> Unit)?썸네일 왼쪽에 표시될 콘텐츠입니다 (예: 체크박스).
trailingContent(@Composable () -> Unit)?설명 오른쪽에 표시될 콘텐츠입니다 (예: 아이콘 버튼).
onClick() -> Unit카드 클릭 시 호출되는 콜백 함수입니다.

Advanced

Modifier.cardBorder

카드 표면 테두리를 배경 위에 그립니다. cardDefault.border 가 null 이면 아무것도 적용하지 않습니다. background 다음에 호출해야 테두리가 배경에 가려지지 않습니다.

Parameters
이름타입설명
cardDefaultWantedCardDefault테두리와 모양 정보를 담은 설정 객체입니다.

Return
타입설명
Modifier테두리가 적용된 Modifier 입니다.

© 2026 Wanted Lab, Inc.