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
  • # Cómo usarlo
  • # Uso en Loops
  • # Vídeo Demostrativo
  1. Inputs

Toggle Switch

AnteriorColor PickrSiguienteContador

Última actualización hace 3 años

El componente Toggle Switch nos permite editar rapidamente valores booleanos, por ejemplo, podemos cambiar el status de un usuario entre activo e inactivo, podemos cambiar el status de un proyecto entre abierto o cerrado.

# Cómo usarlo

La forma de uso es la siguiente

Si solo necesitas un estilo en particular puedes crear tu propio componente y copiar el estilo que gustes así solo usas <x-toggle /> en lugar de especificar el framework de css

# Uso en Loops

Cuando uses un foreach o un forelse para renderizar un componente de Livewire es importante que especifiques una key para que Livewire sepa que componente debe trabajar, además debes pasar como paramétros el modelo y la columna donde quieres usar el Toggle Switch, lo puedes ver en la siguiente imagen

# Vídeo Demostrativo

Puedes ver el funcionamiento en este vídeo