bulma timeline

Create a timeline container https://wikiki.github.io/components/timeline/.

bulmaTimeline(..., centered = FALSE, rtl = FALSE)

Arguments

...

Slot for bulmaTimelineHeader and bulmaTimelineItem.

centered

FALSE by default. Whether to center the timeline.

rtl

FALSE by default. If rtl is TRUE, the timeline is displayed right to left. If FALSE (and if centered is FALSE), the timeline is displayed left to right (by default).

Note

known problem: when centered is TRUE, lines cannot be colored.

Author

David Granjon, dgranjon@ymail.com

Examples

if (interactive()) {
 library(shiny)

 ui <- bulmaPage(
  bulmaContainer(
   # centered timeline
   bulmaTimeline(
    centered = TRUE,
    bulmaTimelineHeader(text = "Start", size = "medium", color = "primary"),
    bulmaTimelineItem(
      color = "primary", marker_color = "primary",
      marker_image = FALSE, marker_icon = FALSE,
      content_header = "January 2016",
      content_body = "Timeline content - Can include any HTML element"
    ),
    bulmaTimelineItem(
      color = "warning", marker_color = "warning",
      marker_image = TRUE, marker_image_size = "32x32", marker_icon = FALSE,
      content_header = "February 2016",
      content_body = "Timeline content - Can include any HTML element",
      tags$img(src = "http://bulma.io/images/placeholders/32x32.png")
    ),
    bulmaTimelineHeader(text = "2017", size = NULL, color = "primary"),
    bulmaTimelineItem(
      color = "danger", marker_color = "danger",
      marker_image = FALSE, marker_icon = TRUE,
      content_header = "March 2016",
      content_body = "Timeline content - Can include any HTML element",
      tags$i(class = "fa fa-flag")
    ),
    bulmaTimelineHeader(text = "End", size = "medium", color = "primary")
    )
  )
 )

 server <- function(input, output, session) {

 }

 shinyApp(ui = ui, server = server)
}