# Combobox: 下拉选择界面

shadcn 风格的可搜索下拉选择框，以展开状态显示水果列表，第一行处于高亮。 视频模板，可复制代码供 Claude 使用，或在 Subclip 中编辑。

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

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

可搜索的选择组件，带占位文本触发器、展开的选项面板和高亮行，适合界面演示视频。

- 框架: Remotion
- 类别: 界面
- 时长: 4 秒
- 纵横比: 16:9 横屏
- 代码: 获取代码（免费登录）：https://www.subclip.app/zh/motion-graphics-templates/remotion/combobox

一个简洁的浅色组合框显示占位文本"Select a fruit..."，下方展开的面板列出 Apple、Banana、Orange 和 Grape，第一行处于高亮。模板会把这个展开状态保持四秒。在代码中，面板会淡入、放大并上浮展开，输入查询后列表被过滤，然后选中一行。

您可以设置状态（展开或收起）、搜索词及显示的字符数、占位文本、选中行和高亮行，还可以调整播放速度和背景。适用于 SaaS 产品演示、设计系统展示、表单或筛选器导览或界面教程。

## 适用场景

- SaaS 产品演示
- 设计系统展示
- 表单与筛选器导览
- 界面教程

## 可修改的内容

- `speed`: 播放速度 (数字)
- `stageBackground`: 场景周围的背景 (颜色)

## 如何使用此模板

1. 下载 Mac 或 Windows 的 Subclip。此页面上的每个模板均已预先安装。
2. 打开"模板"面板，选择 Combobox 并将其放在时间线上。
3. 更改图层设置中的文本、颜色和时间，或要求 AI 代理为您编辑。
4. 导出视频，或下载代码以在您自己的项目中使用该模板。

基于 remocn 的 Combobox 制作: https://remocn.dev