bulmaTimeline: bulma timeline

Description Usage Arguments Note Author(s) Examples

View source: R/bulma-timeline.R

Description

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

Usage

1
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(s)

David Granjon, dgranjon@ymail.com

Examples

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
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)
}

JohnCoene/shinybulma documentation built on Oct. 17, 2020, 8:57 p.m.