Action area

WantedActionArea

하단 액션 버튼 영역을 생성합니다. 버튼은 main, alternative, sub 텍스트로 생성하며, 각 버튼에 클릭 콜백을 전달할 수 있습니다. 또한, Variant 속성을 활용하여 상단 영역에 부가적인 요소를 렌더링할 수 있습니다.

WantedActionArea(
    type = ActionAreaType.Strong,
    main = "확인",
    onClickMain = { /* 처리 */ },
    alternative = "취소",
    onClickAlternative = { /* 처리 */ },
    sub = "건너뛰기",
    onClickSub = { /* 처리 */ }
)

Parameters

Overload

Slot을 활용하여 커스텀 버튼을 직접 전달할 수 있습니다. 버튼의 스타일 및 배치를 완전히 자유롭게 제어할 수 있습니다.

WantedActionArea(
    type = ActionAreaType.Strong,
    main = {
        CustomMainButton(onClick = { ... })
    },
    alternative = {
        CustomSecondaryButton(onClick = { ... })
    }
)

Advanced

Modifier.actionAreaBackground

Extra 영역과 버튼 영역에 배경색을 칠합니다. 그라디언트가 꺼져 있고 Extra 도 없을 때만 배경을 걷어 페이지 배경이 그대로 비치게 둡니다(iOS 와 동일). 배경을 칠하지 않으면 다크모드에서 Extra 영역이 페이지 배경색으로 보이고, sticky 일 때 그라디언트 끝에 경계선이 생깁니다.

WantedActionAreaDefault

ActionArea에 필요한 버튼 기본 스타일을 정의한 데이터 클래스입니다. 각 버튼의 WantedButtonDefault를 개별적으로 설정할 수 있습니다.

WantedActionAreaDefaults

WantedActionAreaDefault의 기본값을 제공하는 객체입니다. 액션 영역 타입에 따라 적절한 버튼 스타일을 자동으로 설정합니다.

getDefault

WantedActionAreaDefault의 기본 설정을 생성합니다. 액션 영역 타입에 따라 main, alternative, sub 버튼의 기본 스타일을 자동으로 설정합니다. 각 버튼의 스타일을 개별적으로 커스터마이징할 수도 있습니다.

val config = WantedActionAreaDefaults.getDefault(
    type = ActionAreaType.Strong
)

Enum

ActionAreaType