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.
  • # Vídeo Demostrativo
  1. Inputs

Slug Automático

AnteriorContraseñasSiguienteFlatpickr

Última actualización hace 2 años

Por medio de este componente vas a poder generar automáticamente un slug, el cuál ayudará a mejorar el SEO de tu aplicación porque creará una URL amigable que podrán entender los navegadores.

El componente usa está librería para crear el Slug:

# Cómo usarlo.

La forma básica de uso se puede apreciar en la siguiente imagen:

Cómo se puede apreciar en la imagen se requieren dos input el primero es de donde se va a formar el slug, en el caso del componente es un producto, bastante útil para los ecommerce, pero lo puedes modificar para artículos, libros, etc.

El segundo input es donde podemos apreciar la salida del slug.

# Vídeo Demostrativo

https://github.com/cviebrock/eloquent-sluggable
Versión Bootstrap 5.