Category

WantedCategory

선택 가능한 Chip 목록을 표시하는 컴포넌트입니다. 문자열 리스트를 기반으로 Chip을 구성하며, 선택 상태를 관리할 수 있습니다.

var selectedList by remember { mutableStateOf(listOf("태그1")) }

WantedCategory(
    itemList = listOf("태그1", "태그2", "태그3"),
    selectedList = selectedList,
    onClick = { item, isSelected ->
        selectedList = if (isSelected) {
            selectedList + item
        } else {
            selectedList - item
        }
    }
)

Parameters

Overload

사용자 정의 콘텐츠로 구성할 수 있는 Category 컴포넌트입니다. LazyListScope를 통해 항목을 직접 구성할 수 있으며, 그라디언트 효과와 우측 아이콘을 지원합니다.

WantedCategory {
    items(tagList) { tag ->
        WantedActionChip(
            text = tag,
            onClick = { /* 처리 */ }
        )
    }
}

[WantedCategoryDefault] 로 표시 스펙(크기·여백·그라디언트 색상)을 지정하는 Category 컴포넌트입니다. LazyListScope를 통해 항목을 직접 구성할 수 있으며, 그라디언트 효과와 우측 아이콘을 지원합니다.

WantedCategory(
    categoryDefault = WantedCategoryDefaults.getDefault(
        size = WantedCategoryDefaults.Size.Large,
        gradientColor = DesignSystemTheme.colors.surfaceElevatedPrimary
    )
) {
    items(tagList) { tag ->
        WantedChip(
            text = tag,
            onClick = { /* 처리 */ }
        )
    }
}

Advanced

WantedCategoryDefault

WantedCategory 의 표시 스펙을 지정하는 데이터 클래스입니다. 항목 크기·여백과 좌우 그라디언트 색상을 함께 담습니다. 기본값은 [WantedCategoryDefaults.getDefault] 로 생성합니다.

WantedCategoryDefaults

카테고리 컴포넌트에서 사용하는 설정 값을 정의하는 객체입니다.

getDefault

WantedCategory 의 기본 표시 스펙을 생성합니다.

WantedCategory(
    categoryDefault = WantedCategoryDefaults.getDefault(
        size = WantedCategoryDefaults.Size.Large,
        gradientColor = DesignSystemTheme.colors.surfaceElevatedPrimary
    )
) {
    items(tagList) { tag -> WantedChip(text = tag) }
}

Enum

Size

Sealed Class

Variant

카테고리에서 선택된 항목의 스타일을 정의하는 sealed 클래스입니다. (Figma Category/Resource/Chip Normal · Alternative)

• Normal: 선택 항목을 채워진 배경으로 표시합니다. 선택 항목 색상을 커스텀할 수 있습니다.
• Alternative: 선택 항목을 primary 테두리·옅은 배경으로 표시합니다. 색상 커스텀을 제공하지 않습니다.

getChipDefault

Category 항목 Chip 스타일을 생성합니다. 미선택 상태는 Outlined Chip 기본값과 같고, 선택 상태만 [Variant] 에 따라 칠합니다.

• Normal 선택: [Variant.Normal] 의 배경·콘텐츠 색, 테두리 없음
• Normal 선택 + 비활성: surfaceDisablePrimary 배경, 테두리 없음
• Alternative 선택: surfaceBrandPrimary 5% 배경 + surfaceBrandPrimary 43% 테두리 (Outlined Chip 기본 테두리는 28%)