Skip to main content
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

PropriedadeTipoObrigatóriaValor padrãoDescrição
valueString | Number❌''Valor selecionado atualmente (use com v-model).
iconUrlString❌nullURL de um ícone exibido como prefixo dentro do select.
errorBoolean❌falseQuando true, aplica estilo de erro ao componente.

​
Eventos

EventoPayloadDescrição
changeString|NumberEmitido com o novo valor ao alterar a seleção.

​
Slots

SlotDescrição
defaultElementos <option> e <optgroup> do select.