Framed style

여러 요소를 하나의 프레임으로 감싸 정보의 그룹화를 명확히 하기 위한 컴포넌트입니다. 그룹 단위의 선택된 상태를 시각적으로 강조하기 위해 사용합니다.

Design

Web

iOS

Android

Modifier.framedStyle

프레임 스타일을 적용하는 Modifier 확장 함수입니다. 테두리, 그림자, 모서리 둥글기 등을 적용하여 카드나 입력 필드 등에 프레임 스타일을 부여합니다. 상태(Normal, Negative, Selected)에 따라 다른 색상과 테두리 굵기가 적용됩니다.

Box(
    modifier = Modifier
        .size(100.dp)
        .framedStyle(
            status = WantedFramedStyleStatus.Selected,
            enabled = true
        )
)

Parameters

이름	타입	설명
`status`	WantedFramedStyleStatus	프레임 상태입니다. Normal, Negative, Selected 중 하나를 선택합니다.
`shape`	RoundedCornerShape	모서리 둥글기 형태입니다. 기본값은 12dp입니다.
`enabled`	Boolean	활성화 여부입니다. false일 경우 불투명도가 낮아집니다.
`shadow`	WantedShadowStyle	적용할 섀도우 스타일입니다. 기본값은 XSmall입니다.

Return

타입	설명
Modifier	스타일이 적용된 Modifier를 반환합니다.

Enum

WantedFramedStyleStatus

값	설명
`Normal`	일반 상태입니다. 기본 테두리 색상이 적용됩니다.
`Negative`	오류 또는 부정적인 상태입니다. 빨간색 계열 테두리가 적용됩니다.
`Selected`	선택된 상태입니다. 파란색 계열의 2dp 테두리가 적용됩니다.