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
  • # Diferentes estilos
  • - Bootstrap 5
  • - TailwindCSS
  • - Bootstrap 4
  1. Calendarios

FullCalendar

AnteriorPikadaySiguienteCKEditor

Última actualización hace 2 años

El componente FullCalendar nos permite visualizar las fechas en un calendario human friendly, nos permite cambiar entre diferentes modos como: modo semanal, modo agenda y modo mes (vista por defecto).

El componente usa la librería fullcalendar que puedes ver en el siguiente enlace:

# Cómo usarlo

Para usar el componente fullcalendar debes usar la siguiente sintaxis

Puedes cambiar cambiar bootstrap5 por tailwind o bootstrap4 según lo necesites.

Para pasar el array de eventos puedes hacerlo de la siguiente manera

# Diferentes estilos

- Bootstrap 5

- TailwindCSS

- Bootstrap 4

https://fullcalendar.io/