Skip to content

UiSelect ​

Select nativo con opciones tipadas.

Props ​

PropTipoDefaultDescripcion
labelstring—Etiqueta visible
options{ label: string; value: string }[][]Opciones
placeholderstring—Opcion con valor vacio al inicio
disabledbooleanfalseDeshabilita
requiredbooleanfalseCampo obligatorio
errorstring|nullnullMensaje de error

Model ​

v-model: string

Ejemplo ​

vue
<UiSelect
  v-model="editForm.status"
  label="Estado de la Cuenta"
  :options="statusOptions"
/>

<script>
const statusOptions = [
  { label: 'Activo', value: 'active' },
  { label: 'Inactivo', value: 'inactive' }
]
</script>

Documentación de Kaleo — plataforma SaaS multi-tenant