/blocks/block-carousel-quote
El componente BkCarouselQuotes mostrará una section con carrusel de BkQuoteItem.
“Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.”
Juana Bacallao
Federación Murciana de Ciclismo
“Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.”
Juana Bacallao
Federación Murciana de Ciclismo
“Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.”
Juana Bacallao
Federación Murciana de Ciclismo
“Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.”
Juana Bacallao
Federación Murciana de Ciclismo
const homeCarouselQuotes = {
backgroundImage:
'/static/img/pages/home/carousel-quotes/carousel-quotes-bg.png',
slides: [
{
personImage:
'/static/img/pages/home/carousel-quotes/user-avatar-01.jpg',
person: 'Juana Bacallao',
personSubtitle: 'Federación Murciana de Ciclismo',
quote: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
id: 'home-carouselQuotes-01',
},
{
personImage:
'/static/img/pages/home/carousel-quotes/user-avatar-02.jpg',
person: 'Juana Bacallao',
personSubtitle: 'Federación Murciana de Ciclismo',
quote: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
id: 'home-carouselQuotes-02',
},
{
personImage:
'/static/img/pages/home/carousel-quotes/user-avatar-03.jpg',
person: 'Juana Bacallao',
personSubtitle: 'Federación Murciana de Ciclismo',
quote: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
id: 'home-carouselQuotes-03',
},
{
personImage:
'/static/img/pages/home/carousel-quotes/user-avatar-04.jpg',
person: 'Juana Bacallao',
personSubtitle: 'Federación Murciana de Ciclismo',
quote: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
id: 'home-carouselQuotes-04',
},
],
}
<BkCarouselQuotes data={homeCarouselQuotes} />| Nombre | Type | Default | Reuqerido | Descripción |
|---|---|---|---|---|
| animationDelay | number | 5000 | Tiempo de espera entre las animaciones de los slides. | |
| data | any | Contenido del componente. |