Laravel Livewire Colección de Componentes
  • Laravel Livewire Colección de Componentes
  • Cómo puedo adquirirlos
  • Imagenes y Archivos
    • FilePond
    • Progress Bar
  • Selects
    • Select2
    • Select Dependiente 2 Niveles
    • Select Dependiente 3 Niveles
  • Inputs
    • Color Pickr
    • Toggle Switch
    • Contador
    • Validación Campos Únicos
    • Contraseñas
    • Slug Automático
  • Calendarios
    • Flatpickr
    • Pikaday
    • FullCalendar
  • Editores WYSIWYG
    • CKEditor
    • TinyMCE
  • Manejo de Datos
    • Botones para Exportar
    • Eliminar Múltiples Datos
    • Código de Barras
Con tecnología de GitBook
En esta página
  • # Uso Básico
  • # Select Múltiple
  • # Vídeo Demostrativo
  1. Selects

Select2

AnteriorProgress BarSiguienteSelect Dependiente 2 Niveles

Última actualización hace 3 años

El componente select2 nos permite seleccionar y buscar entre un rango de valores establecidos en un dropdown.

# Uso Básico

La forma básica de uso es la siguiente

Es importante que coloquen el id cada vez que quieran usar el componente porque mediante el id se inicializa el componente de manera interna.

Cuando pasen el listado de opciones al componente es recomendable hacerlo de la siguiente manera:

$this->users = User::pluck('name', 'id')->toArray();

De esa manera evitarán posibles errores.

# Select Múltiple

Si desean usar el select2 multiple solamente deben agregar la opción al final

El componente viene configurado por defecto para ser usado por selección múltiple, si deseas usarlo para selección sencilla puedes usar public $user en lugar de public array $user = [];

# Vídeo Demostrativo

Pueden ver el funcionamiento en el siguiente vídeo