본문으로 건너뛰기

멀티 셀렉트

여러 데이터를 리스트에서 선택하거나 추가할 수 있습니다.

프로퍼티

프로퍼티타입설명
이름 (name)string멀티 셀렉트 컴포넌트의 고유 이름
레이블 (label)string멀티 셀렉트에 표기되는 텍스트
타입 (type)'general' | 'code'general: 에디터로 옵션 추가
code: 코드로 옵션 추가
옵션 (options)Option[]타입이 general일 때 옵션의 배열
코드 (code)string (Option[])타입이 code일 때 옵션의 배열을 반환하는 코드
기본값 (defaultValue)string (OptionValues)기본 값 배열을 반환하는 코드

이름 (name)

멀티 셀렉트 컴포넌트의 고유 이름을 입력할 수 있는 프로퍼티입니다. 이름 규칙을 참고해주세요.

레이블 (label)

멀티 셀렉트에 표기되는 텍스트를 입력할 수 있는 프로퍼티입니다.

타입 (type)

멀티 셀렉트 컴포넌트에 옵션을 추가하는 방법입니다.

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

현재 멀티 셀렉트에서는 일반 옵션을 사용할 수 없습니다.

코드 (code)

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

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

기본값 (defaultValue)

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

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

상태

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

타입 정의

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

type OptionValues = string[];