Section header

콘텐츠 영역이나 특정 섹션의 시작을 명확하게 알려주는 제목 요소입니다. 섹션의 주제를 설명하고 추가 정보나 관련 페이지로 이동할 수 있는 링크를 함께 제공하여 탐색을 쉽게 할 수 있도록 돕습니다.

Design

Web

iOS

Android

WantedSectionHeader

타이틀, 아이콘, 액션을 포함하는 Section header 컴포넌트입니다. 다양한 크기 옵션과 좌/우측 컴포넌트 삽입을 통해 유연하게 커스터마이징할 수 있습니다. 일반적으로 리스트, 섹션 구분, 콘텐츠 제목 등에 사용할 수 있습니다.

WantedSectionHeader(
    title = "제목",
    size = Size.Medium,
    headingContents = {
        Icon(painter = painterResource(R.drawable.ic_info), contentDescription = null)
    },
    trailingContent = {
        Icon(painter = painterResource(R.drawable.ic_more), contentDescription = null)
    },
    modifier = Modifier
)

Parameters

이름	타입	설명
`title`	String	섹션 제목으로 표시되는 텍스트입니다.
`modifier`	Modifier	외형, 정렬, 배치를 제어하는 Modifier입니다.
`size`	Size	헤더의 텍스트 스타일 크기를 결정합니다 (XSmall, Small, Medium, Large).
`textStyle`	TextStyle?	커스텀 텍스트 스타일을 지정할 수 있습니다. 기본값은 크기에 따라 자동 설정됩니다.
`headingContents`	(@Composable () -> Unit)?	제목 오른쪽에 배치될 부가 정보 아이콘 등 컴포넌트 콘텐츠입니다.
`trailingContent`	(@Composable RowScope.() -> Unit)?	오른쪽 끝에 배치되는 행동 버튼 또는 아이콘입니다.

Advanced

WantedSectionHeaderDefaults

Section header 컴포넌트에 사용하는 설정값을 정의하는 객체입니다. 주로 텍스트 크기나 패딩 등의 기준이 되는 크기 정보를 제공합니다.

Enum

Size

값	설명
`XSmall`	매우 작은 사이즈입니다.
`Small`	작은 사이즈입니다.
`Medium`	중간 사이즈입니다.
`Large`	큰 사이즈입니다.