Checkbox

Input의 checkbox는 Label을 포함한 Checkbox로, 하나 이상의 선택지를 선택하거나 해제할 수 있습니다. 복수 선택이 가능하며, 항목의 ‘선택됨’ 또는 ‘선택되지 않음’ 상태를 명확하게 표현합니다.

Design

Web

iOS

Android

WantedInput

Checkbox, Radio, Checkmark 스타일을 포함하는 커스텀 입력 행 컴포넌트입니다. label, size, variant, checkBoxState 등을 조합하여 텍스트 라벨과 Checkbox를 포함한 입력 항목을 구성합니다. 내부적으로 WantedCheckBox 및 WantedInputLayout을 활용하여 입력 항목 UI를 생성합니다.

WantedInput(
    label = "이용약관에 동의합니다.",
    variant = WantedInputVariant.CheckBox,
    size = WantedInputSize.Medium,
    checkBoxState = CheckBoxState.Checked,
    onCheckedChange = { /* 상태 변경 처리 */ }
)

Parameters

이름	타입	설명
`modifier`	Modifier	외형 및 배치를 제어하는 Modifier입니다.
`label`	String	항목에 표시될 텍스트입니다.
`variant`	WantedInputVariant	CheckBox, Radio, CheckMark, Switch 중 하나의 타입을 지정합니다.
`size`	WantedInputSize	Medium 또는 Small 사이즈를 지정합니다.
`checkBoxState`	CheckBoxState	체크 상태 (Unchecked, Checked, Indeterminate)를 지정합니다.
`bold`	Boolean	true일 경우 텍스트를 굵게 표시합니다.
`enabled`	Boolean	항목의 활성화 여부를 설정합니다.
`tight`	Boolean	true일 경우 컴팩트한 스타일로 표시됩니다.
`textStyle`	TextStyle	텍스트 스타일을 수동 지정할 수 있으며, 생략 시 자동으로 size와 bold를 기반으로 설정됩니다.
`interactionSource`	MutableInteractionSource	클릭 상호작용 효과를 전달합니다.
`onCheckedChange`	(Boolean) -> Unit	체크 상태가 변경될 때 호출되는 콜백입니다.

Advanced

WantedInputDefaults

WantedInput 컴포넌트에서 사용되는 입력 필드 관련 설정을 정의하는 객체입니다. 입력 컴포넌트의 사이즈와 타입을 명확히 지정할 수 있도록 enum 클래스를 포함합니다.

Enum

WantedInputSize

값	설명
`Medium`	일반적인 높이의 입력 항목입니다.
`Small`	좁은 공간에서 사용할 수 있는 컴팩트한 높이의 입력 항목입니다.

WantedInputVariant

값	설명
`CheckBox`	일반적인 사각 체크박스입니다.
`Radio`	원형의 라디오 버튼 형식입니다.
`CheckMark`	체크 아이콘만 표시되는 스타일입니다.
`Switch`	토글 스위치 형식입니다.

CheckBoxSize

값	설명
`Normal`	일반 사이즈 (24dp)입니다.
`Small`	소형 사이즈 (20dp)입니다.

CheckBoxStyle

값	설명
`CheckBox`	기본 사각형 체크박스입니다.
`RoundCheckBox`	원형 배경을 가진 체크박스입니다.
`Check`	체크 마크만 표시되는 스타일입니다.
`Radio`	라디오 버튼 형식입니다.
`Switch`	토글 스위치 형식입니다.

CheckBoxState

값	설명
`Unchecked`	선택되지 않았습니다.
`Checked`	선택되었습니다.
`Indeterminate`	일부만 선택된 상태 등 중간 상태입니다.