Thumbnail

Published on February 04, 2021, updated on September 13, 2023

Like your usual thumbnail, the Insites Thumbnail component works as a visual anchor or identifier for an object. This is usually used along with text to provide users context for the preview.

Requirements

To use the buttons component in Figma please install the latest version of the Insites Font Icons.

  • Download the latest font file here.
  • Install the font file on your machine.
  • Restart Figma to load the file in your font list.

How to change icons in Figma

  • Open the icons list here.
  • Select and copy the icon you want to use from the list
  • Paste the icon into the icon layer in the component.

Figma Component Variant Properties

Thumbnail
Properties Options Notes
State Default, Hover, Error Select what state to display for the component
Button StyleSolid, OutlinedSelect the style to use for the button. This property is not available if Error is selected for the State.
Button ColourGrey, Blue, Red, Green, Pink, Yellow, Orange, TurquoiseSelect what colour to use for the button.This property is not available if Error is selected for the State.
Button HoverTrue, FalseEnable to use the hover state of the button.This property is not available if Error is selected for the State.
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.