# Combobox: 선택 메뉴 UI

shadcn 스타일의 검색 가능한 선택 상자를 열린 상태로 보여 주며, 과일 목록의 첫 행이 강조되어 있습니다. 동영상 템플릿. Claude용 코드를 복사하거나 Subclip에서 편집하세요.

Canonical URL: https://www.subclip.app/ko/motion-graphics-templates/remotion/combobox

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-remocn-combobox.mp4?v=0e63c11e99

플레이스홀더가 있는 트리거, 열린 옵션 패널, 강조된 행이 있는 검색형 선택 컴포넌트로, UI 데모 영상에 쓸 수 있습니다.

- 프레임워크: Remotion
- 카테고리: UI
- 길이: 4초
- 화면 비율: 16:9 가로
- 코드: 코드 받기(무료 로그인): https://www.subclip.app/ko/motion-graphics-templates/remotion/combobox

깔끔하고 밝은 콤보박스에 플레이스홀더 "Select a fruit..."가 표시되고, 아래로 열린 패널에 Apple, Banana, Orange, Grape가 나열되며 첫 행이 강조되어 있습니다. 템플릿은 이 열린 상태를 4초 동안 유지합니다. 코드에서는 패널이 페이드와 함께 커지며 떠오르듯 열리고, 쿼리가 입력되어 목록을 거르며, 한 행이 선택됩니다.

상태(열림 또는 닫힘), 검색어와 표시할 글자 수, 플레이스홀더, 선택된 행, 강조할 행과 함께 재생 속도와 배경도 설정할 수 있습니다. SaaS 제품 데모, 디자인 시스템 소개, 폼-필터 안내, UI 튜토리얼에 사용하세요.

## 이럴 때 쓰세요

- SaaS 제품 데모
- 디자인 시스템 소개
- 폼과 필터 안내
- UI 튜토리얼

## 바꿀 수 있는 항목

- `speed`: 재생 속도 (숫자)
- `stageBackground`: 현장 주변의 배경 (색상)

## 이 템플릿 사용 방법

1. Mac 또는 Windows용 Subclip을 내려받으세요. 이 페이지의 모든 템플릿이 미리 설치되어 있습니다.
2. 템플릿 패널을 열고 Combobox을(를) 골라 타임라인에 끌어다 놓으세요.
3. 레이어 설정에서 텍스트, 색상, 타이밍을 바꾸거나 AI 에이전트에게 수정을 맡기세요.
4. 영상을 내보내거나, 코드를 내려받아 내 프로젝트에서 템플릿을 사용하세요.

remocn의 Combobox을(를) 바탕으로 제작: https://remocn.dev