Description Usage Arguments Author(s) Examples
Create a description block, perfect for writing statistics
1 2 3 4 5 6 7 8 9 |
number |
Any number. |
number_color |
Number color: see here for a list of valid colors https://adminlte.io/themes/AdminLTE/pages/UI/general.html. |
number_icon |
Number icon, if any. Should be written like "fa fa-times". |
header |
Bold text. |
text |
Additional text. |
right_border |
TRUE by default. Whether to display a right border to separate two blocks. The last block on the right should not have a right border. |
margin_bottom |
FALSE by default. Set it to TRUE when the descriptionBlock is used in a cardPad context. |
David Granjon, dgranjon@ymail.com
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 42 43 44 45 46 47 48 | if (interactive()) {
library(shiny)
library(bs4Dash)
shinyApp(
ui = bs4DashPage(
bs4DashNavbar(),
bs4DashSidebar(),
bs4DashControlbar(),
bs4DashBody(
bs4Card(
solidHeader = FALSE,
title = "Status summary",
background = NULL,
width = 4,
status = "danger",
footer = fluidRow(
column(
width = 6,
descriptionBlock(
number = "17%",
number_color = "success",
number_icon = "fa fa-caret-up",
header = "$35,210.43",
text = "TOTAL REVENUE",
right_border = TRUE,
margin_bottom = FALSE
)
),
column(
width = 6,
descriptionBlock(
number = "18%",
number_color = "danger",
number_icon = "fa fa-caret-down",
header = "1200",
text = "GOAL COMPLETION",
right_border = FALSE,
margin_bottom = FALSE
)
)
)
)
),
title = "Description Blocks"
),
server = function(input, output) { }
)
}
|
Add the following code to your website.
For more information on customizing the embed code, read Embedding Snippets.