Skip to content
On this page

Vertical

In vertical mode, the timeline cards are arranged vertically. When using the vertical mode, the cards can be rendered in either a single column or in a two-column format with cards placed side-by-side.

Single column

In single column mode, the cards are rendered in a single column. set the mode to VERTICAL to render the timeline in vertical mode.

jsx
  <Chrono
    items={data}
    mode="VERTICAL"
  />

vertical

Two column

When you need to render Timeline cards side by side, two column rendering comes in handy.

To render the cards in two columns, you need to set the mode to VERTICAL_ALTERNATING.

jsx
  <Chrono
    items={data}
    mode="VERTICAL_ALTERNATING"
    twoColumns
  />

vertical_alternating

Released under the MIT License.