Insites Docs Web Components V1Data DisplayThumbnails

Thumbnails

Last updated on August 02, 2024.

Element: <ins-thumbnail>

Defines a thumbnail UI where you can downloadable the file.

Complete Example

Code Snippet

<ins-thumbnail
  name="Final Sprint Logo"
  alt="Final Sprint Logo Image"
  src="http://components.insites.io/v1/assets/images/logo-3@2x.png"
  thumbnail="http://components.insites.io/v1/assets/images/logo-3_thumb.png"
  label="Final Sprint Logo">
</ins-thumbnail>
Error State

Code Snippet

<ins-thumbnail
  name="Final Sprint Logo"
  alt="Final Sprint Logo Image"
  src=""
  label="Final Sprint Logo"
  preview>
</ins-thumbnail>

 

Attributes

 

FIELD ATTRIBUTE TYPE DEFAULT OPTIONS DESCRIPTION
name string - any Defines the name of the file to be downloaded
alt string - any Defines the alternative text when the image is broken
src string - Source is required Defines the source of the file
thumbnail string - Should be an image. If not, src will be the thumbnail. Defines an image thumbnail of the source
label string - any Defines the label of the thumbnail

 

Have a suggestion for this page?

Didn't quite find what you are looking for or have feedback on how we can make the content better then we would love to hear from you. Please provide us feedback and we will get back to you shortly.