Timeline Item

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

The Insites Timeline component is used to create a container for Events sorted based on date and time. Insites allows you to add buttons, links and even icons on your timeline, making it easily your own.

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

Timeline Item
Properties Options Notes
Inline True, FalseUse an icon for the bullet of the component
Item Content - Use background color or stroke for the bullet of the component
Show Date TimeTrue, False Add date and time for the content of the component
Item Action - Display the button inline with the content of the component
Bullet IconTrue, False
Bullet SolidTrue, False
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.