11.12.1

Timeline

The timeline kit can use two different line styles in the same timeline - solid and dotted line styles.

To view different colors of icon circle, visit Icon Circle Kit.

Default

Conversation started
Trip #12422
Refund issue #12422
Conversation resolved


Jackson Heights

37-27 74th Street

Greenpoint

81 Gate St Brooklyn

Vertical

Conversation started
Trip #12422
Refund issue #12422
Conversation resolved


Jackson Heights

37-27 74th Street

Greenpoint

81 Gate St Brooklyn

With Date

Dec

Jackson Heights

37-27 74th Street

Greenpoint

81 Gate St Brooklyn
Dec

Society Hill

72 E St Astoria



Dec

Jackson Heights

37-27 74th Street

Greenpoint

81 Gate St Brooklyn
Dec

Society Hill

72 E St Astoria



Mar

Jackson Heights

37-27 74th Street

Greenpoint

81 Gate St Brooklyn
May

Society Hill

72 E St Astoria

Use the optional showDate prop to render the timeline kit with a visible date. If the date is from the current year, the year will not be displayed, however if date is NOT from the current year, the kit will display the year as well.



Available Props

  • classname
  • dark
  • margin
  • margin_bottom
  • margin_left
  • margin_right
  • margin_top
  • margin_x
  • margin_y
  • max_width
  • padding
  • padding_bottom
  • padding_left
  • padding_right
  • padding_top
  • padding_x
  • padding_y
  • z_index
  • number_spacing
  • shadow
  • line_height
  • display
  • cursor
  • flex_direction
  • flex_wrap
  • justify_content
  • justify_self
  • align_items
  • align_content
  • align_self
  • flex
  • flex_grow
  • flex_shrink
  • order
  • id
  • data
  • aria
  • children
  • orientation
  • show_date