Skip to main content

Timeline

Timline displays series of chained events.

Variants

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

Timeline types

Demo

Timeline demo

Guidance

  • 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

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

Developer API

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