버튼 구성 요소에는 다음과 같은 속성이 있습니다.

일반

Label

버튼에 표시되는 텍스트입니다.
값: 문자열 또는 표현식

디스플레이

Intent

버튼의 색상을 제어하며, 색상은 버튼의 목적을 나타냅니다.
제공되는 값: default, danger, success, warning

Is Primary

특정 페이지나 워크플로에서 가장 중요한 액션에 사용자의 주의를 끌도록 설계되었습니다.
제공되는 값: on, off

Is Borderless

버튼에서 테두리를 제거합니다. 마우스를 올리면 배경이 채워집니다.
제공되는 값: on, off

Is Loading

로딩 인디케이터를 표시합니다.
제공되는 값: on, off

Is Disabled

비활성화된 스타일을 적용하고 상호작용을 제거합니다.
제공되는 값: on, off

Is Visible

구성 요소가 최종 사용자에게 표시되는지 여부를 결정합니다. 편집 모드에서는 모든 구성 요소가 계속 표시됩니다.
제공되는 값: on, off

이벤트

Event

값: click

Reaction

값: 예시에는 open modal, trigger action, set component state 등이 있습니다.
사용 가능한 반응의 전체 목록은 이벤트를 참조하세요.

데이터 검사

속성 및 값 쌍을 JSON 형식으로 표시합니다.

예시

이 구성 요소를 컨텍스트 내에서 조회하려면 Metrics Explorer 및 Monitors Builder 앱 블루프린트를 참조하세요.

콜아웃 값 구성 요소에는 다음과 같은 속성이 있습니다.

일반

Label

구성 요소 상단에 표시되는 텍스트입니다.
값: 문자열 또는 표현식

Value

콜아웃이 강조하는 값입니다.
값: 문자열 또는 표현식

Unit

값과 관련된 단위입니다.
값: 문자열 또는 표현식

스타일

Style

구성 요소의 시각적 스타일입니다.
제공되는 값: default, success, warning, danger, blue, purple, pink, orange, yellow, red, green, gray, vivid blue, vivid purple, vivid pink, vivid orange, vivid yellow, vivid red, vivid green

Size

값의 크기에 비례하도록 메트릭 크기를 반응형으로 조정합니다.
제공되는 값: sm, md, lg, xl

디스플레이

Is Loading

로딩 인디케이터를 표시합니다.
제공되는 값: on, off

Is Disabled

비활성화된 스타일을 적용하고 상호작용을 제거합니다.
제공되는 값: on, off

Is Visible

구성 요소가 최종 사용자에게 표시되는지 여부를 결정합니다. 편집 모드에서는 모든 구성 요소가 계속 표시됩니다.
제공되는 값: on, off

데이터 검사

속성 및 값 쌍을 JSON 형식으로 표시합니다.

예시

이 구성 요소를 컨텍스트 내에서 조회하려면 EC2 Instance Manager 앱 블루프린트를 참조하세요.

확인란 구성 요소에는 다음과 같은 속성이 있습니다.

일반

Label

구성 요소 상단에 표시되는 텍스트입니다.
값: 문자열 또는 표현식

Options

사용자가 선택할 수 있는 확인란의 목록입니다. 형식은 각 객체가 label 및 value 키-값 쌍으로 구성된 객체 배열입니다. 최소 옵션 수는 1개입니다.
값: 표현식
예시:

${[
  {
      "label": "Staging",
      "value": "staging"
  },
  {
      "label": "Production",
      "value": "production"
  }
]}

디스플레이

Is Multiline

확인란 텍스트를 새 줄로 줄 바꿈할지, 아니면 줄임표로 생략할지 결정합니다.
제공되는 값: on, off

Is Disabled

비활성화된 스타일을 적용하고 상호작용을 제거합니다.
제공되는 값: on, off

Is Visible

구성 요소가 최종 사용자에게 표시되는지 여부를 결정합니다. 편집 모드에서는 모든 구성 요소가 계속 표시됩니다.
제공되는 값: on, off

이벤트

Event

값: change

Reaction

값: 예시에는 open modal, trigger action, set component state 등이 있습니다.
사용 가능한 반응의 전체 목록은 이벤트를 참조하세요.

데이터 검사

속성 및 값 쌍을 JSON 형식으로 표시합니다.

예시

이 구성 요소를 컨텍스트 내에서 조회하려면 Metrics Explorer 및 Monitors Builder 앱 블루프린트를 참조하세요.

컨테이너 구성 요소에는 다음과 같은 속성이 있습니다.

디스플레이

Is Visible

구성 요소가 최종 사용자에게 표시되는지 여부를 결정합니다. 편집 모드에서는 모든 구성 요소가 계속 표시됩니다.
제공되는 값: on, off

데이터 검사

속성 및 값 쌍을 JSON 형식으로 표시합니다.

예시

이 구성 요소를 컨텍스트 내에서 조회하려면 Metrics Explorer 및 Monitors Builder 앱 블루프린트를 참조하세요.

사용자 지정 차트 구성 요소에는 다음과 같은 속성이 있습니다.

일반

Vega Specification

유효한 Vega-Lite 또는 Vega JSON 사양을 나타내는 문자열입니다.

디스플레이

Is Loading

로딩 인디케이터를 표시합니다.
제공되는 값: on, off

Is Visible

구성 요소가 최종 사용자에게 표시되는지 여부를 결정합니다. 편집 모드에서는 모든 구성 요소가 계속 표시됩니다.
제공되는 값: on, off

데이터 검사

속성 및 값 쌍을 JSON 형식으로 표시합니다.

예시

이 구성 요소의 사용 방법을 보여주는 예시는 사용자 지정 차트를 참조하세요.

날짜 선택기 구성 요소에는 다음과 같은 속성이 있습니다.

일반

Label

날짜 선택기 상단에 표시되는 레이블입니다.
값: 문자열 또는 표현식

Tooltip

입력 레이블 위에 마우스를 올렸을 때 표시할 툴팁입니다. 툴팁에는 마크다운을 포함할 수 있습니다.
값: 문자열 또는 표현식

Default Value

날짜 선택기의 기본 날짜이며, 밀리초 단위의 UNIX 타임스탬프로 표시됩니다.
값: 정수

Allow Future Dates

현재 날짜 이후의 날짜를 설정할 수 있는지 여부를 결정합니다.
제공되는 값: on, off

디스플레이

Is Visible

구성 요소가 최종 사용자에게 표시되는지 여부를 결정합니다. 편집 모드에서는 모든 구성 요소가 계속 표시됩니다.
제공되는 값: on, off

이벤트

Event

값: change

Reaction

값: 예시에는 open modal, trigger action, set component state 등이 있습니다.
사용 가능한 반응의 전체 목록은 이벤트를 참조하세요.

State Function

setValue
예시: 상태 함수를 참조하세요.

데이터 검사

속성과 값을 JSON 형식으로 표시합니다. 값은 밀리초 단위의 UNIX 타임스탬프와 ISO(연, 월, 일, 시, 분, 초, 밀리초) 형식으로 모두 표시됩니다.

날짜 범위 선택기 구성 요소에는 다음과 같은 속성이 있습니다.

일반

Default timeframe

날짜 선택기에 표시되는 기본 기간입니다.
제공되는 값: past 5 minutes, past 30 minutes, past 1 hour, past 4 hours, past 1 day

디스플레이

Is Visible

구성 요소가 최종 사용자에게 표시되는지 여부를 결정합니다. 편집 모드에서는 모든 구성 요소가 계속 표시됩니다.
제공되는 값: on, off

이벤트

Event

값: change

Reaction

값: 예시에는 open modal, trigger action, set component state 등이 있습니다.
사용 가능한 반응의 전체 목록은 이벤트를 참조하세요.

데이터 검사

속성 및 값 쌍을 JSON 형식으로 표시합니다.

예시

이 구성 요소를 컨텍스트 내에서 조회하려면 Metrics Explorer 및 Monitors Builder 앱 블루프린트를 참조하세요.

구분선 구성 요소에는 다음과 같은 속성이 있습니다.

디스플레이

Is Visible

구성 요소가 최종 사용자에게 표시되는지 여부를 결정합니다. 편집 모드에서는 모든 구성 요소가 계속 표시됩니다.
제공되는 값: on, off

데이터 검사

속성을 JSON 형식으로 표시합니다.

파일 입력 구성 요소에는 다음과 같은 속성이 있습니다.

일반

Accepted File Types

파일 입력 구성 요소가 허용하는 파일 유형을 결정합니다.
값: .csv, .json

디스플레이

Is Visible

구성 요소가 최종 사용자에게 표시되는지 여부를 결정합니다. 편집 모드에서는 모든 구성 요소가 계속 표시됩니다.
제공되는 값: on, off

이벤트

Event

값: change

Reaction

값: 예시에는 open modal, trigger action, set component state 등이 있습니다.
사용 가능한 반응의 전체 목록은 이벤트를 참조하세요.

데이터 검사

속성 및 값 쌍을 JSON 형식으로 표시합니다.

이미지 구성 요소에는 다음과 같은 속성이 있습니다.

일반

Source

표시할 이미지입니다. 지원되는 형식은 JPG, PNG, GIF입니다. 최대 업로드 크기는 4MB입니다.
값: URL 또는 파일

디스플레이

Fit

이미지 구성 요소의 경계 내에서 이미지의 크기를 결정합니다.
제공되는 값: fill, contain, cover, none

Padding

이미지의 경계와 이미지 구성 요소의 경계 사이의 간격 너비를 결정합니다.
제공되는 값: none, small, medium, large

Vertical Alignment

이미지 구성 요소의 경계 내에서 이미지의 수직 위치를 결정합니다.
제공되는 값: align top, align center, align bottom

Horizontal Alignment

이미지 구성 요소의 경계 내에서 이미지의 수평 위치를 결정합니다.
제공되는 값: align left, align center, align right

Border

이미지 구성 요소의 가장자리에 시각적 테두리가 있는지 여부를 결정합니다.
제공되는 값: on, off

Transparent Background

이미지 구성 요소 내부의 배경이 투명한지 여부를 결정합니다.
제공되는 값: on, off

Is Loading

이미지가 로드되는 동안 로딩 아이콘을 표시할지 여부를 결정합니다.
제공되는 값: on, off

Is Visible

구성 요소가 최종 사용자에게 표시되는지 여부를 결정합니다. 편집 모드에서는 모든 구성 요소가 계속 표시됩니다.
제공되는 값: on, off

데이터 검사

속성을 JSON 형식으로 표시합니다.

통합 로고 구성 요소에는 다음과 같은 속성이 있습니다.

일반

Integration Id

표시할 통합 로고 아이콘을 지정합니다.
값: 문자열 또는 표현식
예시: datadog, amazon-s3, postgres, okta

디스플레이

Horizontal Alignment

구성 요소 내에서 로고의 수평 위치를 제어합니다.
제공되는 값: align left, align center, align right

Vertical Alignment

구성 요소 내에서 로고의 수직 위치를 제어합니다.
제공되는 값: align top, align center, align bottom

Is Visible

구성 요소가 최종 사용자에게 표시되는지 여부를 결정합니다. 편집 모드에서는 모든 구성 요소가 계속 표시됩니다.
제공되는 값: on, off

Is Loading

로딩 인디케이터를 표시합니다.
제공되는 값: on, off

데이터 검사

속성 및 값 쌍을 JSON 형식으로 표시합니다.

양식 구성 요소에는 다음과 같은 속성이 있습니다.

일반

Title

양식의 제목입니다.
값: 문자열 또는 표현식

Default value

앱이 양식에 채우는 기본값입니다. 특정 필드를 채우려면 JSON 표기법을 사용할 수 있습니다. 예를 들어, {"org":"frontend"}를 사용하여 org 필드를 frontend 값으로 채울 수 있습니다.
값: 문자열 또는 표현식

필드

각 항목은 양식의 필드를 나타냅니다. 각 필드에는 유형: textInput, select, textArea 또는 text 중 하나가 있습니다.

필드에는 필드 유형에 따라 다음 속성 중 일부 또는 전부가 포함됩니다.

Field name

필드의 고유 식별자입니다. 이 식별자를 사용하여 표현식에서 필드를 참조할 수 있습니다.
값: 문자열 또는 표현식

Label

필드 위에 표시되는 레이블입니다.
값: 문자열 또는 표현식

Content

text 필드에 표시되는 콘텐츠입니다.
값: 문자열 또는 표현식

Options

select 필드에서 사용할 수 있는 옵션입니다. 옵션은 객체 배열이어야 하며, 옵션 값에 대한 const 키와 옵션 레이블에 대한 선택적 title 키가 포함되어야 합니다.
값: 각 객체의 label 및 value는 문자열 또는 표현식일 수 있습니다.
GUI(기본값)를 사용하여 각 객체를 채우거나 Raw 전환을 통해 원시 JSON 입력을 사용하여 전체 객체 배열을 제공할 수 있습니다.

Placeholder text

값이 입력되지 않았을 때 textInput 또는 textArea 필드에 표시되는 텍스트입니다.
값: 문자열 또는 표현식

Is Disabled

비활성화된 스타일을 적용하고 상호작용을 제거합니다.
제공되는 값: on, off

Is Visible

필드가 양식에 표시되는지 여부를 결정합니다.
제공되는 값: on, off

Is Required

양식을 제출하기 위해 필드가 필수인지 여부를 결정합니다.
제공되는 값: on, off

디스플레이

Is Visible

구성 요소가 최종 사용자에게 표시되는지 여부를 결정합니다. 편집 모드에서는 모든 구성 요소가 계속 표시됩니다.
제공되는 값: on, off

Is Disabled

비활성화된 스타일을 적용하고 상호작용을 제거합니다.
제공되는 값: on, off

이벤트

Event

값: submit, change, validate

Reaction

값: 예시에는 open modal, trigger action, set component state 등이 있습니다.
사용 가능한 반응의 전체 목록은 이벤트를 참조하세요.

State Function

setValue
예시: form0.setValue({name: 'node-group-1'})은 form0 구성 요소의 값을 {name: 'node-group-1'}로 설정합니다.
자세한 내용은 상태 함수를 참조하세요.

데이터 검사

속성 및 값 쌍을 JSON 형식으로 표시합니다.

JSON 입력 구성 요소에는 다음과 같은 속성이 있습니다.

일반

Label

구성 요소 상단에 표시되는 텍스트입니다.

Default value

구성 요소에 표시되는 기본 JSON 값입니다.

디스플레이

Is Read Only

구성 요소가 읽기 전용인지 여부를 결정합니다.
제공되는 값: on, off

Is Visible

구성 요소가 최종 사용자에게 표시되는지 여부를 결정합니다. 편집 모드에서는 모든 구성 요소가 계속 표시됩니다.
제공되는 값: on, off

이벤트

Event

값: change

Reaction

값: 예시에는 open modal, trigger action, set component state 등이 있습니다.
사용 가능한 반응의 전체 목록은 이벤트를 참조하세요.

데이터 검사

속성 및 값 쌍을 JSON 형식으로 표시합니다.

모달 구성 요소에는 다음과 같은 속성이 있습니다.

일반

Title

모달의 제목입니다.
값: 문자열 또는 표현식

디스플레이

Size

모달의 크기입니다.
제공되는 값: sm, md, lg

Is Visible

구성 요소가 최종 사용자에게 표시되는지 여부를 결정합니다. 편집 모드에서는 모든 구성 요소가 계속 표시됩니다.
제공되는 값: on, off

이벤트

Event

값: toggleOpen, close, open

Reaction

값: 예시에는 open modal, trigger action, set component state 등이 있습니다.
사용 가능한 반응의 전체 목록은 이벤트를 참조하세요.

State Function

setIsOpen
예시: modal0.setIsOpen(true)는 modal0의 상태를 open으로 설정합니다.
자세한 내용은 상태 함수를 참조하세요.

데이터 검사

속성 및 값 쌍을 JSON 형식으로 표시합니다.

예시

이 구성 요소를 컨텍스트 내에서 조회하려면 Metrics Explorer 및 Monitors Builder 앱 블루프린트를 참조하세요.

숫자 입력 구성 요소에는 다음과 같은 속성이 있습니다.

Label

구성 요소 상단에 표시되는 텍스트입니다.
값: 문자열 또는 표현식

Default value

앱이 입력 상자에 채우는 기본값입니다.
값: 숫자 또는 숫자로 평가되는 표현식

Placeholder text

값이 입력되지 않았을 때 표시되는 텍스트입니다.
값: 문자열 또는 표현식

검증

Min

숫자 입력이 허용하는 최솟값입니다.
값: 숫자 또는 숫자로 평가되는 표현식

Max

숫자 입력이 허용하는 최댓값입니다.
값: 숫자 또는 숫자로 평가되는 표현식

디스플레이

Is Disabled

비활성화된 스타일을 적용하고 상호작용을 제거합니다.
제공되는 값: on, off

Is Visible

구성 요소가 최종 사용자에게 표시되는지 여부를 결정합니다. 편집 모드에서는 모든 구성 요소가 계속 표시됩니다.
제공되는 값: on, off

이벤트

Event

값: change

Reaction

값: 예시에는 open modal, trigger action, set component state 등이 있습니다.
사용 가능한 반응의 전체 목록은 이벤트를 참조하세요.

State Function

setValue
예시: numberInput0.setValue(3)은 numberInput0 구성 요소의 값을 3으로 설정합니다.
자세한 내용은 상태 함수를 참조하세요.

데이터 검사

속성 및 값 쌍을 JSON 형식으로 표시합니다.

예시

이 구성 요소를 컨텍스트 내에서 조회하려면 ECS Task Manager 앱 블루프린트를 참조하세요.

라디오 구성 요소에는 다음과 같은 속성이 있습니다.

일반

Label

구성 요소 상단에 표시되는 텍스트입니다.
값: 문자열 또는 표현식

Options

사용자가 선택할 수 있는 라디오 버튼 옵션의 목록입니다. 형식은 각 객체가 label 및 value 키-값 쌍으로 구성된 객체 배열입니다.
값: 표현식
예시:

${[
  {
      "label": "Staging",
      "value": "staging"
  },
  {
      "label": "Production",
      "value": "production"
  }
]}

Default value

라디오가 로드될 때 선택되는 값입니다.
값: 문자열 또는 표현식

디스플레이

Is Disabled

비활성화된 스타일을 적용하고 상호작용을 제거합니다.
제공되는 값: on, off

Is Visible

구성 요소가 최종 사용자에게 표시되는지 여부를 결정합니다. 편집 모드에서는 모든 구성 요소가 계속 표시됩니다.
제공되는 값: on, off

이벤트

Event

값: change

Reaction

값: 예시에는 open modal, trigger action, set component state 등이 있습니다.
사용 가능한 반응의 전체 목록은 이벤트를 참조하세요.

State Function

setValue
예시: radioButtons0.setValue("production")은 radioButtons0 구성 요소의 값을 "production"으로 설정합니다.
자세한 내용은 상태 함수를 참조하세요.

데이터 검사

속성 및 값 쌍을 JSON 형식으로 표시합니다.

React 렌더러 구성 요소에는 다음과 같은 속성이 있습니다.

일반

React Component Definition

React 구성 요소를 생성하기 위해 실행되는 코드입니다.

Component Input Props

React 구성 요소에 전달되어 구성 요소의 props 객체에서 액세스할 수 있는 props입니다.

Initial Component State

구성 요소의 초기 상태 값을 설정합니다. 이 상태는 구성 요소가 처음 렌더링될 때 또는 아직 상태가 설정되지 않은 경우에 사용됩니다. 구성 요소는 props.state를 통해 이 데이터에 액세스할 수 있습니다.

디스플레이

Is Visible

구성 요소가 최종 사용자에게 표시되는지 여부를 결정합니다. 편집 모드에서는 모든 구성 요소가 계속 표시됩니다.
제공되는 값: on, off

이벤트

Event

값: set component state, callback function

Function Name

값: props.customFunctionName

Reaction

값: 예시에는 open modal, trigger action, set component state 등이 있습니다.
사용 가능한 반응의 전체 목록은 이벤트를 참조하세요.

데이터 검사

속성 및 값 쌍을 JSON 형식으로 표시합니다.

관계

앱 내 React 렌더러와 구성 요소 간의 데이터 종속성을 표시합니다.

예시

이 구성 요소의 사용 방법을 보여주는 예시는 React 렌더러를 참조하세요.

검색 구성 요소에는 다음과 같은 속성이 있습니다.

일반

Default value

앱이 검색 상자에 채우는 기본값입니다.
값: 문자열 또는 표현식

Placeholder text

값이 입력되지 않았을 때 표시되는 텍스트입니다.
값: 문자열 또는 표현식

디스플레이

Size

검색 구성 요소의 크기입니다.
제공되는 값: sm, md, lg

Is Loading

로딩 인디케이터를 표시합니다.
제공되는 값: on, off

Is Visible

구성 요소가 최종 사용자에게 표시되는지 여부를 결정합니다. 편집 모드에서는 모든 구성 요소가 계속 표시됩니다.
제공되는 값: on, off

이벤트

Event

값: change, submit

Reaction

값: 예시에는 open modal, trigger action, set component state 등이 있습니다.
사용 가능한 반응의 전체 목록은 이벤트를 참조하세요.

State Function

setValue
예시: search0.setValue("search query")는 search0 구성 요소의 값을 "search query"로 설정합니다.
자세한 내용은 상태 함수를 참조하세요.

이벤트에 대한 자세한 내용은 이벤트를 참조하세요.

데이터 검사

속성 및 값 쌍을 JSON 형식으로 표시합니다.

예시

이 구성 요소를 컨텍스트 내에서 조회하려면 EC2 Instance Manager 앱 블루프린트를 참조하세요.

선택 구성 요소에는 다음과 같은 속성이 있습니다.

일반

Label

구성 요소 상단에 표시되는 텍스트입니다.
값: 문자열 또는 표현식

Placeholder text

값이 입력되지 않았을 때 표시되는 텍스트입니다.
값: 문자열 또는 표현식

Options

사용자가 선택할 수 있는 선택 옵션의 목록입니다. 형식은 각 객체가 label 및 value 키-값 쌍으로 구성된 객체 배열입니다.
값: 표현식
예시:

${[
  {
      "label": "Staging",
      "value": "staging"
  },
  {
      "label": "Production",
      "value": "production"
  }
]}

Default value

선택 항목이 로드될 때 선택되는 값입니다.
값: 문자열 또는 표현식

Is Multiselect

사용자가 한 번에 둘 이상의 옵션을 선택할 수 있는지 여부를 결정합니다.
제공되는 값: on, off

디스플레이

Is Disabled

비활성화된 스타일을 적용하고 상호작용을 제거합니다.
제공되는 값: on, off

Is Visible

구성 요소가 최종 사용자에게 표시되는지 여부를 결정합니다. 편집 모드에서는 모든 구성 요소가 계속 표시됩니다.
제공되는 값: on, off

이벤트

Event

값: change

Reaction

값: 예시에는 open modal, trigger action, set component state 등이 있습니다.
사용 가능한 반응의 전체 목록은 이벤트를 참조하세요.

State Function

setValue
예시: select0.setValue("staging")은 select0 구성 요소의 값을 "staging"으로 설정합니다.
자세한 내용은 상태 함수를 참조하세요.

데이터 검사

속성 및 값 쌍을 JSON 형식으로 표시합니다.

예시

이 구성 요소를 컨텍스트 내에서 조회하려면 Metrics Explorer 및 Monitors Builder 앱 블루프린트를 참조하세요.

사이드 패널 구성 요소에는 다음과 같은 속성이 있습니다.

일반

Title

사이드 패널의 제목입니다.
값: 문자열

디스플레이

Width

사이드 패널의 너비를 결정합니다. 값 뒤에 퍼센트 기호(%)를 포함해야 합니다.
값: 정수

Hide Close Button

사이드 패널에 패널을 닫기 위한 X가 표시되는지 여부를 결정합니다.
제공되는 값: on, off

이벤트

Event

값: toggle open, close, open

Reaction

값: 예시에는 open modal, trigger action, set component state 등이 있습니다.
사용 가능한 반응의 전체 목록은 이벤트를 참조하세요.

State Function

setIsOpen
예시: sidePanel0.setIsOpen(true)는 sidePanel0의 상태를 open으로 설정합니다.
자세한 내용은 상태 함수를 참조하세요.

데이터 검사

속성과 값을 JSON 형식으로 표시합니다.

탭 구성 요소에는 다음과 같은 속성이 있습니다.

탭

탭 보기 목록입니다. (+)를 사용하여 추가 보기를 추가하십시오.

스타일

Style

탭 구성 요소에 사용되는 색상 스타일입니다.
제공되는 값: Default, purple, pink, orange, red, green

Alignment

탭 구성 요소 내에서 탭이 정렬되는 방식입니다.
제공되는 값: Horizontal(→), vertical(↓)

Impact

선택된 탭의 배경에 전체적으로 색상을 적용할지, 아니면 하단의 작은 밴드에만 색상을 적용할지 제어합니다.
제공되는 값: High, low

디스플레이

Hide Tabs

탭 마커가 표시되는지 여부를 제어합니다.
제공되는 값: on, off

Hide Body

탭 본문이 표시되는지 여부를 제어합니다.
제공되는 값: on, off

Is Visible

구성 요소가 최종 사용자에게 표시되는지 여부를 결정합니다. 편집 모드에서는 모든 구성 요소가 계속 표시됩니다.
제공되는 값: on, off

이벤트

Event

값: change

Reaction

값: 예시에는 open modal, trigger action, set component state 등이 있습니다.
사용 가능한 반응의 전체 목록은 이벤트를 참조하세요.

State Function

setTabIndex
예시: tab0.setTabIndex(0)은 tab0 구성 요소의 값을 첫 번째 탭으로 설정합니다.
자세한 내용은 상태 함수를 참조하세요.

데이터 검사

속성 및 값 쌍을 JSON 형식으로 표시합니다.

표 구성 요소에는 다음과 같은 속성이 있습니다.

일반

Title

표의 제목입니다. 사용자 지정 서식을 적용하려면 Markdown을 선택하세요.
값: 문자열

Data source

표에 표시할 객체 배열입니다.
값: query, demo data, components

열

데이터 소스의 각 데이터 열이 여기에 표시되며 다음과 같은 속성을 가집니다.

Label

열 상단에 표시되는 텍스트입니다.
값: 문자열 또는 표현식

Data path

지정된 열의 객체 및 배열 내에 중첩된 값에 액세스하기 위한 JSON 경로입니다.
값: 문자열 또는 표현식

Formatting

열에 적용되는 형식 유형입니다.
제공되는 값: string, link, status pill, date/time, markdown, tags, percent bar, number, score bar, avatar

Sortable

사용자가 열을 기준으로 정렬할 수 있는지 여부를 결정합니다.

Copyable

사용자가 클릭하여 열의 콘텐츠를 복사할 수 있는지 여부를 결정합니다.
제공되는 값: on, off

Filterable

열에 필터 옵션을 사용할 수 있는지 여부를 결정합니다.
제공되는 값: on, off

일부 열에는 Formatting 속성에 기반한 추가 속성이 있습니다.

페이지 매김

Has summary

표 바로 위에 페이지 매김 요약 정보를 표시할지 여부를 결정합니다.
제공되는 값: on, off

Page size

표시할 페이지당 행 수입니다.
값: 숫자 또는 숫자로 평가되는 표현식

Total count

표에 표시할 총 행 수입니다.
값: 숫자 또는 숫자로 평가되는 표현식

Type

페이지 매김 유형을 결정합니다.
제공되는 값: client side, server side

정렬

기본 표 정렬을 위한 열과 방향을 선택하세요.

Column

정렬 기준 열입니다.
값: 열 이름

Direction

정렬 방향입니다.
제공되는 값: ascending, descending

행 액션

행 액션을 추가하면 표에 Actions 열이 추가되며, 여기에는 사용자가 정의한 액션 버튼이 포함됩니다. 행에는 여러 액션이 있을 수 있습니다. 액션에는 다음과 같은 속성이 있습니다.

Label

액션 버튼에 표시되는 텍스트입니다.
값: 문자열 또는 표현식

Primary

특정 페이지나 워크플로에서 가장 중요한 액션에 사용자의 주의를 끌도록 설계되었습니다.
제공되는 값: on, off

Borderless

버튼에서 테두리를 제거합니다. 마우스를 올리면 배경이 채워집니다.
제공되는 값: on, off

Disabled

비활성화된 스타일을 적용하고 상호작용을 제거합니다.
제공되는 값: on, off

Level

의도에 따라 버튼의 색상을 제어합니다.
제공되는 값: default, danger, success, warning

Reactions

버튼이 트리거하는 반응입니다. 버튼에는 여러 반응이 있을 수 있습니다.
제공되는 값: download file, open modal, close modal, open side panel, close side panel, open URL, set component state, set state variable value, toast notification, trigger action, custom
일부 반응 유형에는 추가 속성이 있습니다.

디스플레이

Scrollable

표의 스크롤 방향을 결정합니다.
제공되는 값: both, vertical

Is Loading

로딩 인디케이터를 표시합니다.
제공되는 값: on, off

Has text wrapping

셀 텍스트의 줄 바꿈 여부를 결정합니다.
제공되는 값: on, off

Has subrows

각 행에 대한 하위 행을 활성화합니다. 데이터 소스에 subRows 속성을 포함합니다.
제공되는 값: on, off

Is searchable

표에 검색 창을 추가할지 여부를 결정합니다.
제공되는 값: on, off

Show sort options

사용자에게 정렬 옵션을 제공하는 Sort 버튼을 표에 추가합니다.
제공되는 값: on, off

Show column options

표 열을 표시하거나, 숨기거나, 다시 구성하기 위한 Columns 버튼을 표에 추가합니다.
제공되는 값: on, off

Has date range filter

표에 날짜 범위 필터를 추가합니다.
제공되는 값: on, off

Is Visible

구성 요소가 최종 사용자에게 표시되는지 여부를 결정합니다. 편집 모드에서는 모든 구성 요소가 계속 표시됩니다.
제공되는 값: on, off

이벤트

Event

값: pageChange, tableRowClick

Reaction

값: 예시에는 open modal, trigger action, set component state 등이 있습니다.
사용 가능한 반응의 전체 목록은 이벤트를 참조하세요.

State Function

setSelectedRow
예시:

• table0.setSelectedRow(0)은 table0의 selectedRow 속성을 첫 번째 행으로 설정합니다.
• table0.setSelectedRow(null) 은 selectedRow 속성을 지웁니다.

setPageIndex
예시: table0.setPageIndex(0)은 table0의 pageIndex 속성을 첫 번째 페이지로 설정합니다.
자세한 내용은 상태 함수를 참조하세요.

데이터 검사

속성 및 값 쌍을 JSON 형식으로 표시합니다.

예시

이 구성 요소를 컨텍스트 내에서 조회하려면 Metrics Explorer 및 Monitors Builder 앱 블루프린트를 참조하세요.

표의 고급 기능을 사용하는 방법에 대한 예시는 표를 참조하세요.

텍스트 구성 요소에는 다음과 같은 속성이 있습니다.

일반

Content

구성 요소가 표시하는 콘텐츠입니다.
값: 문자열 또는 표현식

Content type

텍스트를 렌더링하는 방법을 결정합니다. Markdown이 선택되면 사용자가 다른 곳에서 호스팅하는 이미지를 포함한 기본 Markdown 구문이 텍스트 구성 요소에서 지원됩니다.
제공되는 값: plain text, Markdown

디스플레이

Text alignment

구성 요소 내에서 텍스트의 수평 정렬을 결정합니다.
제공되는 값: align left, align center, align right

Vertical alignment

구성 요소 내에서 텍스트의 수직 정렬을 결정합니다.
제공되는 값: align top, align center, align bottom

Is Visible

구성 요소가 최종 사용자에게 표시되는지 여부를 결정합니다. 편집 모드에서는 모든 구성 요소가 계속 표시됩니다.
제공되는 값: on, off

데이터 검사

속성 및 값 쌍을 JSON 형식으로 표시합니다.

관계

앱의 표 데이터와 구성 요소 간의 데이터 종속성을 표시합니다.

예시

이 구성 요소를 컨텍스트 내에서 조회하려면 Metrics Explorer 및 Monitors Builder 앱 블루프린트를 참조하세요.

텍스트 영역 구성 요소에는 다음과 같은 속성이 있습니다.

Label

구성 요소 상단에 표시되는 텍스트입니다.
값: 문자열 또는 표현식

Default value

텍스트 영역이 로드될 때 선택되는 값입니다.
값: 문자열 또는 표현식

Placeholder text

값이 입력되지 않았을 때 표시되는 텍스트입니다.
값: 문자열 또는 표현식

디스플레이

Is Disabled

비활성화된 스타일을 적용하고 상호작용을 제거합니다.
제공되는 값: on, off

Is Visible

구성 요소가 최종 사용자에게 표시되는지 여부를 결정합니다. 편집 모드에서는 모든 구성 요소가 계속 표시됩니다.
제공되는 값: on, off

이벤트

Event

값: change, submit

Reaction

값: 예시에는 open modal, trigger action, set component state 등이 있습니다.
사용 가능한 반응의 전체 목록은 이벤트를 참조하세요.

State Function

setValue
예시: textArea0.setValue("text")는 textArea0 구성 요소의 값을 "text"로 설정합니다.
자세한 내용은 상태 함수를 참조하세요.

데이터 검사

속성 및 값 쌍을 JSON 형식으로 표시합니다.

텍스트 입력 구성 요소에는 다음과 같은 속성이 있습니다.

Label

구성 요소 상단에 표시되는 텍스트입니다.
값: 문자열 또는 표현식

Default value

텍스트 입력이 로드될 때 선택되는 값입니다.
값: 문자열 또는 표현식

Placeholder text

값이 입력되지 않았을 때 표시되는 텍스트입니다.
값: 문자열 또는 표현식

디스플레이

Is Disabled

비활성화된 스타일을 적용하고 상호작용을 제거합니다.
제공되는 값: on, off

Is Visible

구성 요소가 최종 사용자에게 표시되는지 여부를 결정합니다. 편집 모드에서는 모든 구성 요소가 계속 표시됩니다.
제공되는 값: on, off

이벤트

Event

값: change, submit

Reaction

값: 예시에는 open modal, trigger action, set component state 등이 있습니다.
사용 가능한 반응의 전체 목록은 이벤트를 참조하세요.

State Function

setValue
예시: textInput0.setValue("text")는 textInput0 구성 요소의 값을 "text"로 설정합니다. 자세한 내용은 상태 함수를 참조하세요.

데이터 검사

속성 및 값 쌍을 JSON 형식으로 표시합니다.

예시

이 구성 요소를 컨텍스트 내에서 조회하려면 Metrics Explorer 및 Monitors Builder 앱 블루프린트를 참조하세요.