Thumbnail Image

Description

The thumbnail image displays an image/video that can be clicked to take the user to a specific path on the site. An overlay with text can also be used on top of the image. The thumbnail image will take on the width of it's parent container.

Default Thumbnail Image

Rendered



Options

classes : string
Optional.

data : object
This is a required field. The object contain the keys link(required) type(optional) image(required) overlay(optional).


Default Thumbnail Image

Code


{% assign items = site.data.case-studies| where: "company", "Procore" %} {% include components/molecules/thumbnail-image.html data=item classes="margin-bottom-medium" %}

Rendered