# Combobox: Interface de menu de seleção

Um seletor com busca no estilo shadcn mostrado aberto, com uma lista de frutas e a primeira linha destacada. Template de vídeo: copie o código para Claude ou edite no Subclip.

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

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

Um componente de seleção com busca, com um gatilho com texto de exemplo, um painel de opções aberto e uma linha destacada, para vídeos de demo de interface.

- Framework: Remotion
- Categoria: Interface
- Duração: 4 s
- Proporção: 16:9 horizontal
- Código: Pegue o código (login grátis): https://www.subclip.app/pt/motion-graphics-templates/remotion/combobox

Uma combobox clara e limpa mostra o texto de exemplo "Select a fruit..." com o painel aberto embaixo, listando Apple, Banana, Orange e Grape, com a primeira linha destacada. O template mantém esse estado aberto por quatro segundos. No código, o painel aparece, cresce e sobe ao abrir, uma busca é digitada e filtra a lista, e uma linha é escolhida.

Você pode definir o estado (aberto ou fechado), uma busca e quantos dos caracteres dela aparecem, o texto de exemplo, a linha selecionada e a linha destacada, além da velocidade de reprodução e do fundo. Use em uma demo de produto SaaS, na apresentação de um design system, em um tour por formulários ou filtros ou em um tutorial de interface.

## Use para

- Demos de produtos SaaS
- Apresentações de design systems
- Tours por formulários e filtros
- Tutoriais de interface

## O que você pode alterar

- `speed`: Velocidade de reprodução (Número)
- `stageBackground`: Fundo ao redor da cena (Cor)

## Como usar este template

1. Baixe o Subclip para Mac ou Windows. Todos os templates desta página já vêm instalados.
2. Abra o painel Templates, escolha Combobox e arraste para a sua timeline.
3. Altere o texto, as cores e o tempo nas configurações da camada, ou peça ao agente de IA para editar por você.
4. Exporte o vídeo ou baixe o código para usar o template no seu próprio projeto.

Baseado em Combobox do remocn: https://remocn.dev