# Combobox: セレクトメニューUI

shadcn風の検索付きセレクトを開いた状態で表示し、果物のリストの最初の行がハイライトされています。 動画テンプレート。Claude用コードをコピーするか、Subclipで編集できます。

Canonical URL: https://www.subclip.app/ja/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/ja/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