CustomSelect - Yampi Developer Portal

Wrapper para <select> nativo com estilo customizado, suporte a ícone de prefixo e indicação visual de erro.

Uso

<CustomSelect v-model="selectedOption" :error="hasError">
  <option value="">Selecione</option>
  <option value="1">Opção 1</option>
  <option value="2">Opção 2</option>
</CustomSelect>

Com ícone:

<CustomSelect :icon-url="iconUrl" v-model="selected">
  <option value="br">Brasil</option>
</CustomSelect>

Propriedades

Propriedade	Tipo	Obrigatória	Valor padrão	Descrição
`value`	`String \| Number`	❌	`''`	Valor selecionado atualmente (use com `v-model`).
`iconUrl`	`String`	❌	`null`	URL de um ícone exibido como prefixo dentro do select.
`error`	`Boolean`	❌	`false`	Quando `true`, aplica estilo de erro ao componente.

Eventos

Evento	Payload	Descrição
`change`	`String\|Number`	Emitido com o novo valor ao alterar a seleção.

Slots

Slot	Descrição
default	Elementos `<option>` e `<optgroup>` do select.

⌘I