본문으로 건너뛰기

체크박스 그룹

여러 데이터를 체크하거나 해제할 수 있습니다.

프로퍼티

프로퍼티타입설명
이름 (name)string체크박스 그룹 컴포넌트의 고유 이름
코드 (code)string (Option[])옵션의 배열을 반환하는 코드
기본값 (defaultValue)string (OptionValue[])기본 값 배열을 반환하는 코드

이름

체크박스 그룹 컴포넌트의 고유 이름을 입력할 수 있는 프로퍼티입니다. 이름 규칙을 참고해주세요.

코드 (code)

워크플로우의 실행 결과로 옵션을 추가하거나, 직접 값을 입력하여 옵션을 추가할 수 있습니다.

예시)

[
{ "label": "헤비메탈", "value": "헤비메탈", "isHidden": true },
{ "label": "R&B", "value": "R&B" },
{ "label": "댄스", "value": "댄스" },
{ "label": "재즈", "value": "재즈" },
{ "label": "발라드", "value": "발라드" }
]

기본값 (defaultValue)

워크플로우의 실행 결과로 기본값을 설정하거나, 직접 값을 입력하여 기본값을 설정할 수 있습니다.

상태

프로퍼티타입설명
값 (values)string[]선택된 옵션의 value 배열

타입 정의

type OptionValue = string;

interface Option {
// 옵션의 레이블
label: string;
// 옵션의 값
value: OptionValue;
// 옵션 표시 여부
isHidden?: boolean;
}