/blocks/block-views-tab

El componente BkViewsTab mostrará una sección con contenido ya definido de vídeos con las vistas del simulador. Este componente se repite a lo largo de la web de BKOOL en varias landings.

El contenido por defecto está definido localmente, pero se le puede pasar a través de la prop data un array de objetos que contengan las mismas propiedades que data, ver ejemplo del código más abajo.

Importante: la prop data debe incluir uuid para cada elemento del tab menu.

Elige en todo momento como ver tus sesiones

En función de las sesiones podrás ir alternando las diferentes vistas con un simple movimiento.

¡Siéntete como en carretera! Pedalea en casa con el máximo realismo visual posible.

Enlace a google

const whatIsBkoolCyclingViewsTab = {
    title: 'Elige en todo momento como ver tus sesiones',
    subtitle:
        'En función de las sesiones podrás ir alternando las diferentes vistas con un simple movimiento.',
    tabs: [
        {
            title: 'VÍDEO + 3D',
            id: 'whatIsBkool-cyclingViewsTab-01',
            linkLabel: 'Enlace a google',
            linkUrl: 'https://www.google.es/',
            description:
                '¡Siéntete como en carretera! Pedalea en casa con el máximo realismo visual posible.',
            videoUrl:
                'https://bsimvideo.bkool.com/videos/webpublica/cycling-vew-map.mp4',
        },
        {
            title: '3D',
            id: 'whatIsBkool-cyclingViewsTab-02',
            description:
                'La vista en 3D te permite pedalear y competir mientras ves la lucha de tú a tú con el resto de avatares y disfrutas de ambientes creados a partir de datos topográficos reales.',
            videoUrl:
                'https://bsimvideo.bkool.com/videos/webpublica/cycling-vew-3d.mp4',
        },
        {
            title: 'VÍDEO',
            id: 'whatIsBkool-cyclingViewsTab-03',
            description:
                'Pedalea con la vista vídeo para sentirte como en la realidad.',
            videoUrl:
                'https://bsimvideo.bkool.com/videos/webpublica/cycling-vew-video.mp4',
        },
        {
            title: 'MAPA',
            id: 'whatIsBkool-cyclingViewsTab-04',
            description:
                'La vista mapa te sirve para orientarte sobre donde te encuentras en la zona donde entrenes.',
            videoUrl:
                'https://bsimvideo.bkool.com/videos/webpublica/cycling-vew-map.mp4',
        },
    ],
}

<BkViewsTab data={whatIsBkoolCyclingViewsTab} contentType='image' />

Nombre	Type	Default	Reuqerido	Descripción
data	any			Contenido del componente.
contentType	video \| image	video		Tipo de contenido