Skip to content
On this page

Horizontal

When horizontal mode is selected, the timeline cards will be presented in a horizontal format. You have the option, while in the horizontal mode, to display either just the active card or all of the cards.

Default

In the default mode, only the active card is displayed.

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

horizontal-default

Edit keen-shannon-gtjwn

Show all cards

use the showAllCardsHorizontal property to display all the cards.

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

horizontal-show-all

Edit show-all-cards

Released under the MIT License.