Timeline V2

Creates an easy to use timeline component.

Once imported it can be modified the way you want.

Prefixes

  • ch-timelineV1
  • ch-timelineV1TS

Props

Timeline takes the following props:

  • data: TimelineData[]

TimelineData consists of the following:

  • date: string
  • title: string
  • body: string
  • action?: RectNode;

Example: An example of the usage is provided in the snippet.

Preview

  1. 19.09.2022

    One

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque scelerisque diam non nisi semper, et elementum lorem ornare. Maecenas placerat facilisis mollis. Duis sagittis ligula in sodales vehicula.

  2. 20.09.2022

    Two

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque scelerisque diam non nisi semper, et elementum lorem ornare. Maecenas placerat facilisis mollis. Duis sagittis ligula in sodales vehicula.

  3. 21.09.2022

    Three

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque scelerisque diam non nisi semper, et elementum lorem ornare. Maecenas placerat facilisis mollis. Duis sagittis ligula in sodales vehicula.