Skip to main content


Timline displays series of chained events.


On the base there are two distinct variations of Timeline: horizontal and vertical with their variations of type.

Timeline types


Timeline demo


  • The dots in the timeline component are not clickable.
  • Spacing the events can be in accordane to the spacers provided by GEL. However the user may extend the spacing as required.

When to use

  • Use timeline to indicate chained or related events that can be tied together.

Designer assets

Hey Designers, please find the Figma assets here. If you want permission to access the file, please contact Experience Design CoP.

Developer API

Hey Developers, find out the tech documentation of this compoment on PrimeVue. If you have issue, please contact Development CoP