Google Ads, Google AdMob, AMP HTML 광고, 동영상 광고 또는 이미지 광고에서는 이 구성요소를 지원하지 않습니다.
드롭다운 구성요소를 사용하면 프로젝트에 드롭다운을 추가할 수 있습니다. 추가한 후 드롭다운에 나열되는 옵션을 지정하기만 하면 됩니다.
프로젝트에서 드롭다운 구성요소를 사용하는 방법:
- 구성요소 패널에 이어 UI 폴더를 엽니다.
- 드롭다운 구성요소를 스테이지로 드래그합니다.
- 속성 패널의 드롭다운 속성 섹션에서 옵션 입력란을 클릭하여 드롭다운 옵션을 구성합니다.
- 추가하려는 각 옵션에 대해 다음을 수행합니다.
- 옵션 추가를 클릭합니다.
- 라벨(사용자에게 표시되는 텍스트)을 입력합니다.
- 값(사용자가 이 옵션을 선택하면 표시되는 드롭다운의 값)을 입력합니다.
- 기본 옵션을 선택합니다. 페이지가 처음 로드될 때 이 기본 옵션이 드롭다운에서 선택되어 있습니다.
- 확인을 클릭합니다.
- 추가하려는 각 옵션에 대해 다음을 수행합니다.
- 라벨 구성요소를 사용하여 드롭다운 앞에 텍스트를 표시할 수도 있습니다.
속성
속성 | 설명 |
---|---|
이름 | 요소의 이름입니다. |
옵션 | 드롭다운에서 사용할 수 있는 옵션 목록입니다. 이 입력란을 클릭하여 목록을 구성합니다. |
이벤트와 액션
드롭다운 구성요소에서 전송하는 이벤트다음 드롭다운 구성요소 이벤트를 기반으로 다른 작업을 트리거할 수 있습니다.
이벤트 | 설명 |
---|---|
변경 | 선택한 옵션이 변경되면 전송됩니다. |
이벤트 대화상자에서 이 이벤트를 선택하려면 드롭다운 구성요소를 타겟으로 설정하세요.
이벤트 구성 방법 알아보기
미리보기
Google Web Designer 인터페이스 내에서는 UI 구성요소와 상호작용할 수 없습니다. 요소가 작동하는 모습을 보려면 원하는 브라우저에서 문서 미리보기를 실행해야 합니다. UI 구성요소의 모양은 브라우저에 따라 다를 수 있습니다.