Componentes / Widget

Widget

estable

Tarjeta de contenido/documento con imagen, categoría, párrafo y CTA de descarga o navegación.

Innovación

Documento de ejemplo

Este es un documento de ejemplo con una descripción breve.

PDF

5.53 MB

Controls

themetitlecategoryparagraphshowImageimageUrldownloadLinktypesizebuttonLinkstandaloneArrowLinkrelatedContentleftLineClassleftImageLayoutphotoProfileinverse

HTML

<article class="widget-item">
  <figure class="widget-item__figure">
    <img src="https://fastly.picsum.photos/id/122/600/400.jpg" alt="Documento de ejemplo">
  </figure>
  <div class="widget-item__content">
    <span class="widget-item__category">Innovación</span>
    <h3 class="widget-item__heading">Documento de ejemplo</h3>
    
    <p class="widget-item__paragraph">Este es un documento de ejemplo con una descripción breve.</p>
    <div class="widget-item__download-button">
      <p class="widget-item__type">PDF</p>
      <div class="widget-item__download-size">
        <p class="widget-item__size">5.53 MB</p>
        <a href="#" aria-label="Descarga Documento de ejemplo"><span class="widget-item__download-button__icon"></span></a>
      </div>
    </div>
  </div>
</article>