본문으로 건너뛰기

체크박스 그룹

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

프로퍼티

프로퍼티타입설명
이름 (name)string체크박스 그룹 컴포넌트의 고유 이름
타입 (type)'general' | 'code'general: 에디터로 옵션 추가
code: 코드로 옵션 추가
옵션 (options)Option[]타입이 general일 때 옵션의 배열
코드 (code)string (Option[])타입이 code일 때 옵션의 배열을 반환하는 코드
기본값 (defaultValue)string (string[])기본 값 배열을 반환하는 코드

이름

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

타입 (type)

체크박스 그룹 컴포넌트에 옵션을 추가하는 방법입니다.

일반 옵션을 선택하면 에디터에서 옵션을 추가할 수 있고, 코드 옵션을 선택하면 코드로 옵션을 추가할 수 있습니다.

옵션 (options)

일반 옵션을 선택하면 에디터에서 문서를 입력하는 것처럼 옵션을 추가할 수 있습니다.

엔터(Enter)를 누르면 옵션이 추가되고, 텍스트를 지우면 옵션이 제거됩니다.

value는 입력한 값과 같습니다.

코드 (code)

코드 옵션을 선택하면 쿼리 및 워크플로우의 실행 결과로 옵션을 추가하거나,

직접 값을 입력하여 옵션을 추가할 수 있습니다.

기본값 (defaultValue)

쿼리 및 워크플로우의 실행 결과로 기본값을 설정하거나,

직접 값을 입력하여 기본값을 설정할 수 있습니다.

상태

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

타입 정의

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