Description Usage Arguments Author(s) See Also Examples
Build an adminLTE3 card with tabs
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 | bs4TabCard(
...,
id,
title = NULL,
status = NULL,
elevation = NULL,
solidHeader = FALSE,
headerBorder = TRUE,
gradientColor = NULL,
tabStatus = NULL,
width = 6,
height = NULL,
collapsible = TRUE,
collapsed = FALSE,
closable = TRUE,
maximizable = FALSE,
overflow = FALSE,
side = c("left", "right"),
type = NULL
)
tabBox(
...,
id,
title = NULL,
status = NULL,
elevation = NULL,
solidHeader = FALSE,
headerBorder = TRUE,
gradientColor = NULL,
tabStatus = NULL,
width = 6,
height = NULL,
collapsible = TRUE,
collapsed = FALSE,
closable = TRUE,
maximizable = FALSE,
overflow = FALSE,
side = c("left", "right"),
type = NULL
)
|
... |
Contents of the box: should be bs4TabPanel. |
id |
Unique bs4TabSetPanel id. |
title |
TabCard title. |
status |
The status of the card header. "primary", "secondary", "success", "warning", "danger", "white", "light", "dark", "transparent". NULL by default. |
elevation |
tabCard elevation. |
solidHeader |
Should the header be shown with a solid color background? |
headerBorder |
Whether to display a border between the header and body. TRUE by default |
gradientColor |
If NULL (the default), the background of the box will be white. Otherwise, a color string. "primary", "success", "warning" or "danger". |
tabStatus |
The status of the tabs buttons over header. "primary", "secondary", "success", "warning", "danger", "white", "light", "dark", "transparent". NULL by default, "light" if status is set. A vector is possible with a colour for each tab button |
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 |
height |
The height of a box, in pixels or other CSS unit. By default the height scales automatically with the content. |
collapsible |
If TRUE, display a button in the upper right that allows the user to collapse the box. |
collapsed |
If TRUE, start collapsed. This must be used with
|
closable |
If TRUE, display a button in the upper right that allows the user to close the box. |
maximizable |
If TRUE, the card can be displayed in full screen mode. |
overflow |
Whether to enable overflow in the card body and footer. FALSE by default. |
side |
Side of the box the tabs should be on ( |
type |
TabPanel type: "tabs" or "pills". "pills" is the default if type is NULL. |
David Granjon, dgranjon@ymail.com
Other cards:
bs4Card()
,
bs4InfoBox()
,
bs4ValueBox()
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 | if(interactive()){
library(shiny)
library(bs4Dash)
shiny::shinyApp(
ui = bs4DashPage(
navbar = bs4DashNavbar(),
sidebar = bs4DashSidebar(),
controlbar = bs4DashControlbar(),
footer = bs4DashFooter(),
title = "test",
body = bs4DashBody(
bs4TabCard(
id = "tabcard",
title = "A card with tabs",
bs4TabPanel(
tabName = "Tab 1",
active = FALSE,
"Content 1"
),
bs4TabPanel(
tabName = "Tab 2",
active = TRUE,
"Content 2"
),
bs4TabPanel(
tabName = "Tab 3",
active = FALSE,
"Content 3"
)
)
)
),
server = function(input, output) {}
)
}
|
Add the following code to your website.
For more information on customizing the embed code, read Embedding Snippets.