Become an expert in R — Interactive courses, Cheat Sheets, certificates and more!
Get Started for Free

bs4Timeline

AdminLTE3 timeline block


Description

Create a timeline block

Usage

bs4Timeline(..., reversed = TRUE, width = 6)

Arguments

...

slot for bs4TimelineLabel or bs4TimelineItem.

reversed

Whether the timeline is reversed or not.

width

Timeline width. Between 1 and 12.

Note

reversed is useful when the user wants to use the timeline inside a box.

Author(s)

David Granjon, dgranjon@ymail.com

Examples

if(interactive()){
 library(shiny)
 library(bs4Dash)

 shiny::shinyApp(
   ui = bs4DashPage(
    navbar = bs4DashNavbar(),
    sidebar = bs4DashSidebar(),
    controlbar = bs4DashControlbar(),
    footer = bs4DashFooter(),
    title = "test",
    body = bs4DashBody(
     bs4Card(
      title = "Timeline",
      bs4Timeline(
       width = 12,
       reversed = TRUE,
       bs4TimelineEnd(status = "danger"),
       bs4TimelineLabel("10 Feb. 2014", status = "info"),
       bs4TimelineItem(
        elevation = 4, 
        title = "Item 1",
        icon = "gears",
        status = "success",
        time = "now",
        footer = "Here is the footer",
        "This is the body"
       ),
       bs4TimelineItem(
        title = "Item 2",
        border = FALSE
       ),
       bs4TimelineLabel("3 Jan. 2014", status = "primary"),
       bs4TimelineItem(
        elevation = 2,
        title = "Item 3",
        icon = "paint-brush",
        status = "warning",
        bs4TimelineItemMedia(src = "http://placehold.it/150x100"),
        bs4TimelineItemMedia(src = "http://placehold.it/150x100")
       ),
       bs4TimelineStart(status = "danger")
      )
     )
    )
   ),
   server = function(input, output) {}
 )
}

bs4Dash

A 'Bootstrap 4' Version of 'shinydashboard'

v0.5.0
GPL (>= 2) | file LICENSE
Authors
David Granjon [aut, cre], RinteRface [cph], Almasaeed Studio [ctb, cph] (AdminLTE3 theme for Bootstrap 4), Winston Chang [ctb, cph] (Utils functions from shinydashboard), Thomas Park [ctb, cph] (Bootswatch Sketchy theme CSS)
Initial release

We don't support your browser anymore

Please choose more modern alternatives, such as Google Chrome or Mozilla Firefox.