Boostrap 4 value box
A beautiful AdminLTE3 value box.
bs4ValueBox( value, subtitle, icon = NULL, elevation = NULL, status = NULL, width = 3, footer = NULL, href = NULL ) valueBox( value, subtitle, icon = NULL, elevation = NULL, status = NULL, width = 3, footer = NULL, href = NULL )
value |
The value to display in the box. Usually a number or short text. |
subtitle |
Subtitle text. |
icon |
An icon tag, created by |
elevation |
Value box elevation. |
status |
A color for the box. "primary", "info", "success", "warning", "danger" or NULL. |
width |
The width of the box, using the Bootstrap grid system. This is
used for row-based layouts. The overall width of a region is 12, so the
default width of 4 occupies 1/3 of that width. For column-based
layouts, use |
footer |
Optional html content for the footer of the box. |
href |
An optional URL to link to in the footer. Should both 'footer' and this parameter be set, 'footer' will take precedence. |
David Granjon, dgranjon@ymail.com
Other cards:
bs4Card()
,
bs4InfoBox()
,
bs4TabCard()
if(interactive()){ library(shiny) library(bs4Dash) shiny::shinyApp( ui = bs4DashPage( navbar = bs4DashNavbar(), sidebar = bs4DashSidebar(), controlbar = bs4DashControlbar(), footer = bs4DashFooter(), title = "test", body = bs4DashBody( fluidRow( bs4ValueBox( value = 150, subtitle = "New orders", status = "primary", icon = "shopping-cart", href = "#" ), bs4ValueBox( value = "53%", subtitle = "New orders", status = "danger", icon = "cogs", footer = shiny::div("Hello World") ), bs4ValueBox( value = "44", subtitle = "User Registrations", status = "warning", icon = "sliders" ) ) ) ), server = function(input, output) {} ) }
Please choose more modern alternatives, such as Google Chrome or Mozilla Firefox.