Componente real del canon dentro de un BentoGrid real. En desktop, pasa el ratón por la primera celda: el vídeo aparece en fade (el hook [data-bento-case] lo activa esta página, igual que la home de 3lastic.com: el componente pone markup y estilo, la página decide cuándo). La celda sin href renderiza <article> estático.
Props
Prop
Tipo
Nota
title
string
Requerida. Único texto de la celda; también nombre accesible.
cover
string
Requerida. Imagen de fondo full-bleed.
href
string
Opcional: con href es <a> clickable; sin él, <article> estático.
thumb
string
Opcional. Sustituye a cover como fondo si existe.
video
string
Opcional. Se revela en hover vía .is-video-active (desktop).