bs4Dash (version 0.5.0)

cardPad: AdminLTE3 vertical block container

Description

Create a vertical container for descriptionBlock or other elements

Usage

cardPad(..., color = NULL, style = NULL)

Arguments

...

Any element such as descriptionBlock.

color

Background color: see here for a list of valid colors https://adminlte.io/themes/AdminLTE/pages/UI/general.html.

style

Custom CSS, if any.

Examples

# NOT RUN {
if (interactive()) {
 library(shiny)
 library(bs4Dash)
 shinyApp(
  ui = bs4DashPage(
    bs4DashNavbar(),
    bs4DashSidebar(),
    bs4DashControlbar(),
    bs4DashBody(
     bs4Card(
      title = "Box with right pad",
      status = "warning",
      fluidRow(
        column(width = 6),
        column(
          width = 6,
          cardPad(
            color = "info",
            descriptionBlock(
              header = "8390", 
              text = "VISITS", 
              right_border = FALSE,
              margin_bottom = TRUE
            ),
            descriptionBlock(
              header = "30%", 
              text = "REFERRALS", 
              right_border = FALSE,
              margin_bottom = TRUE
            ),
            descriptionBlock(
              header = "70%", 
              text = "ORGANIC", 
              right_border = FALSE,
              margin_bottom = FALSE
            )
          )
        )
      )
     )
    ),
    title = "cardPad"
  ),
  server = function(input, output) { }
 )
}

# }

Run the code above in your browser using DataCamp Workspace