Accordion

콘텐츠의 숨겨진 내용을 확장하거나 축소하여 보여주는 요소입니다. 클릭하여 원하는 정보만 선택적으로 볼 수 있어, 제한된 공간에서 많은 정보를 효율적으로 구성하고 탐색할 수 있도록 돕습니다.

WantedAccordion

아코디언 형태로 확장/축소가 가능한 컴포넌트입니다. 사용자는 제목 영역을 클릭하여 추가 설명과 콘텐츠를 확장하거나 축소할 수 있습니다. FAQ, 설정 메뉴, 리스트 등 다양하게 활용할 수 있습니다.

WantedAccordion(
    title = "제목",
    modifier = Modifier,
    description = "설명",
    isExpanded = false,
    onChangeExpanded = { expanded -> },
    content = {
        Text("확장 콘텐츠")
    }
)

Parameters

이름타입설명
titleString아코디언 헤더에 표시될 제목 텍스트입니다.
modifierModifier레이아웃 외형 및 동작을 위한 Modifier입니다.
titleMaxLineInt제목 텍스트의 최대 줄 수입니다. 기본값은 Int.MAX_VALUE입니다.
descriptionString?제목 하단에 표시될 부가 설명입니다. 선택 사항입니다.
titleStyleTextStyle제목에 적용할 텍스트 스타일입니다.
descriptionStyleTextStyle설명 텍스트에 적용할 스타일입니다.
isExpandedBoolean현재 아코디언이 확장 상태인지 여부를 나타냅니다.
fillWidthBoolean콘텐츠의 가로 너비를 전체로 채울지 여부입니다.
dividerBoolean하단 Divider 표시 여부입니다.
verticalPaddingVerticalPadding헤더 영역의 수직 패딩 값입니다.
leadingIcon(@Composable () -> Unit)?제목 좌측에 위치할 아이콘입니다. 선택 사항입니다.
trail(@Composable () -> Unit)제목 우측에 위치할 아이콘입니다. 기본값은 확장/축소 화살표입니다.
content(@Composable () -> Unit)?확장 상태일 때 표시될 추가 콘텐츠입니다. 선택 사항입니다.
onChangeExpanded(Boolean) -> Unit확장 상태 변경 시 호출되는 콜백입니다.

Advanced

WantedAccordionDefaults

Accordion 컴포넌트에서 사용되는 상수 및 설정 값을 정의하는 객체입니다. 이 객체는 주로 아코디언 헤더의 시각적 구성 요소 중 패딩 관련 값을 제공합니다.

Enum

VerticalPadding

설명
Padding1616dp 수직 패딩입니다.
Padding1212dp 수직 패딩입니다.
Padding88dp 수직 패딩입니다.

© 2026 Wanted Lab, Inc.