Volver al índice

Carrusel de Testimonios

Carrusel horizontal de testimonios de estudiantes

Documentación de Uso

Tag HTML

<testimonials-carousel></testimonials-carousel>

Atributos Disponibles

Atributo Tipo Default Descripción
base-url String auto URL base del API (se detecta automáticamente)
testimonials-url String /api/testimonials URL custom para obtener testimonios
limit Number 6 Número máximo de testimonios a mostrar

Ejemplos de Uso

Básico:

<testimonials-carousel></testimonials-carousel>

Con límite de testimonios:

<testimonials-carousel limit="3"></testimonials-carousel>

Con URL custom:

<testimonials-carousel testimonials-url="/api/testimonials/custom"></testimonials-carousel>

Funcionalidades

  • Carga testimonios desde /api/testimonials
  • Usa Splide.js para el carrusel
  • Responsive: 1-3 items según viewport
  • Muestra avatar, nombre, rol y curso del autor
  • Soporte para ratings con estrellas
  • Testimonios aleatorios en cada carga

Ejemplo 1: Carrusel básico

Carrusel con configuración por defecto (6 testimonios)

Ejemplo 2: Con límite de 3

Muestra solo 3 testimonios aleatorios

Ejemplo 3: Con límite de 9

Muestra hasta 9 testimonios

Configuración de Widgets

Los cambios se aplican automáticamente