Basic dashboard functions

Dashboard skeleton functions

bs4DashPage() dashboardPage()

Create a Boostrap 4 dashboard page

bs4DashNavbar() dashboardHeader()

Boostrap 4 dashboard navbar

bs4DashBody() bs4TabItems() bs4TabItem() dashboardBody() tabItems() tabItem()

Boostrap 4 dashboard body

bs4DashFooter() dashboardFooter()

Dashboard Footer

bs4DashSidebar() updatebs4Sidebar() bs4SidebarMenu() bs4SidebarMenuItem() bs4SidebarMenuSubItem() bs4SidebarHeader() bs4SidebarUserPanel() updatebs4TabItems() dashboardSidebar() updateSidebar() sidebarHeader() sidebarMenu() sidebarUserPanel() menuItem() menuSubItem() updateTabItems()

Create a Boostrap 4 dashboard main sidebar

bs4DashControlbar() controlbarMenu() controlbarItem() updateControlbarMenu() updateControlbar() dashboardControlbar()

Create a Boostrap 4 dashboard right sidebar

Layout functions

Bootstrap 4 Layout utils

column()

Boostrap 4 column system

bs4CardLayout() boxLayout()

Bootstrap 4 container for cards

Bootstrap 4 popovers, tooltips, toasts, alerts, … They replace {shinyBS} elements.

createAlert() closeAlert()

Create a Bootstrap 4 alert on the server side

popover() addPopover() removePopover()

Create a Bootstrap 4 popover from the UI side

toast()

Create an adminLTE toast

tooltip() addTooltip() removeTooltip()

Create a Bootstrap 4 Tooltip from the UI side

Update functions

Dynamically update UI elements

bs4Accordion() bs4AccordionItem() updateAccordion() accordion() accordionItem()

Bootstrap 4 accordion container

descriptionBlock() cardPad() bs4Card() updatebs4Card() box() updateCard() updateBox() boxPad()

AdminLTE3 description block

bs4CardSidebar() updatebs4CardSidebar() cardSidebar() boxSidebar() updateCardSidebar() updateBoxSidebar()

Create a sidebar for Boostrap 4 card

bs4DashControlbar() controlbarMenu() controlbarItem() updateControlbarMenu() updateControlbar() dashboardControlbar()

Create a Boostrap 4 dashboard right sidebar

navbarTab() navbarMenu() updateNavbarTabs()

Navbar tab item

bs4DashSidebar() updatebs4Sidebar() bs4SidebarMenu() bs4SidebarMenuItem() bs4SidebarMenuSubItem() bs4SidebarHeader() bs4SidebarUserPanel() updatebs4TabItems() dashboardSidebar() updateSidebar() sidebarHeader() sidebarMenu() sidebarUserPanel() menuItem() menuSubItem() updateTabItems()

Create a Boostrap 4 dashboard main sidebar

userMessages() userMessage() updateUserMessages()

AdminLTE3 user message container

Body content functions

Functions that are to be used in the dashboardBody

bs4DashBody() bs4TabItems() bs4TabItem() dashboardBody() tabItems() tabItem()

Boostrap 4 dashboard body

Functions that are to be used in the dashboardSidebar

bs4DashSidebar() updatebs4Sidebar() bs4SidebarMenu() bs4SidebarMenuItem() bs4SidebarMenuSubItem() bs4SidebarHeader() bs4SidebarUserPanel() updatebs4TabItems() dashboardSidebar() updateSidebar() sidebarHeader() sidebarMenu() sidebarUserPanel() menuItem() menuSubItem() updateTabItems()

Create a Boostrap 4 dashboard main sidebar

sidebarMenuOutput()

Create a sidebar menu output (client side)

menuItemOutput()

Create a sidebar menu item output (client side)

menuOutput()

Create a dynamic menu output for bs4Dash (client side)

renderMenu()

Create dynamic menu output (server side)

Header content functions

Functions that are to be used in the dashboardHeader

navbarTab() navbarMenu() updateNavbarTabs()

Navbar tab item

bs4DashBrand() dashboardBrand()

Alternative to simple text title

bs4UserMenu() dashboardUserItem() userOutput() renderUser() dashboardUser()

Bootstrap 4 user profile.

bs4DropdownMenu() messageItem() notificationItem() taskItem() dropdownMenu()

Boostrap 4 dashboard dropdown menu

dropdownMenuOutput()

Create a dropdown menu output (client side)

Controlbar content functions

Functions that are to be used in the dashboardControlbar

bs4DashControlbar() controlbarMenu() controlbarItem() updateControlbarMenu() updateControlbar() dashboardControlbar()

Create a Boostrap 4 dashboard right sidebar

Boxes

Main containers

renderbs4InfoBox() bs4InfoBoxOutput() bs4InfoBox() infoBox() infoBoxOutput() renderInfoBox()

Boostrap 4 info box

renderbs4ValueBox() bs4ValueBoxOutput() bs4ValueBox() valueBox() valueBoxOutput() renderValueBox()

Create a value box (server side)

descriptionBlock() cardPad() bs4Card() updatebs4Card() box() updateCard() updateBox() boxPad()

AdminLTE3 description block

bs4CardLayout() boxLayout()

Bootstrap 4 container for cards

bs4SocialCard() userBlock() cardComment() socialBox() boxComment()

AdminLTE3 social card

bs4TabCard() tabBox()

Create a Boostrap 4 tabCard

bs4UserCard() bs4UserDescription() userBox() userDescription()

AdminLTE3 widget user card

Box toolbar components

Build dropdown menu in the tool area (close, collapse)

cardDropdown() cardDropdownItem() boxDropdown() boxDropdownItem()

Create a box dropdown item list

bs4CardLabel() cardLabel() boxLabel()

Create a label for Boostrap 4 card

bs4CardSidebar() updatebs4CardSidebar() cardSidebar() boxSidebar() updateCardSidebar() updateBoxSidebar()

Create a sidebar for Boostrap 4 card

dropdownDivider()

Create a box dropdown divider

dropdownHeader()

Dropdown header helper

Tabs elements

Functions that are to be used in tabBox or standalone. They overwrite {shiny} default to be compatible with Bootstrap 4.

insertTab()

Insert a tabPanel in a tabsetPanel

tabsetPanel()

Create a tabsetPanel

pagination() paginationItem() updatePagination()

Bootstrap 4 pagination widget

Inputs

New inputs compatible with Bootstrap 4.

actionButton()

Bootstrap 4 Action button/link

appButton()

AdminLTE2 special large button

Box extra elements

Add more shiny elements to your cards

attachmentBlock()

AdminLTE3 attachment container

bs4SocialCard() userBlock() cardComment() socialBox() boxComment()

AdminLTE3 social card

descriptionBlock() cardPad() bs4Card() updatebs4Card() box() updateCard() updateBox() boxPad()

AdminLTE3 description block

cardProfile() cardProfileItem() boxProfile() boxProfileItem()

AdminLTE3 card profile

bs4Ribbon() ribbon()

Boostrap 4 ribbon

productList() productListItem()

AdminLTE3 product list container

bs4UserCard() bs4UserDescription() userBox() userDescription()

AdminLTE3 widget user card

userList() userListItem()

AdminLTE3 user list container

userMessages() userMessage() updateUserMessages()

AdminLTE3 user message container

userPost() userPostTagItems() userPostTagItem()

AdminLTE3 user post

userPostMedia()

AdminLTE3 user post media

Sortable UI

Sort elements such as cards

bs4Sortable() sortable()

BS4 sortable section

Render functions

Dynamically generate items

renderbs4ValueBox() bs4ValueBoxOutput() bs4ValueBox() valueBox() valueBoxOutput() renderValueBox()

Create a value box (server side)

renderbs4InfoBox() bs4InfoBoxOutput() bs4InfoBox() infoBox() infoBoxOutput() renderInfoBox()

Boostrap 4 info box

Other Bootstrap 4 items

To better customize your app

bs4Accordion() bs4AccordionItem() updateAccordion() accordion() accordionItem()

Bootstrap 4 accordion container

bs4Quote() blockQuote()

Boostrap 4 block quote

bs4Table() bs4TableItems() bs4TableItem()

Boostrap 4 table container

bs4Callout() callout()

Create a Bootstrap 4 callout

bs4Carousel() bs4CarouselItem() carousel() carouselItem()

Bootstrap 4 carousel

bs4Badge() dashboardBadge()

Create a Bootstrap 4 dashboard badge item

ionicon()

BS4 ionicons

bs4Jumbotron() jumbotron()

BS4 jumbotron for AdminLTE3

bs4ListGroup() bs4ListGroupItem() listGroup() listGroupItem()

BS4 list group for AdminLTE3

bs4Loading() loadingState()

AdminLTE3 loading state element

bs4ProgressBar() bs4MultiProgressBar() progressBar() multiProgressBar()

AdminLTE3 progress bar

bs4Ribbon() ribbon()

Boostrap 4 ribbon

bs4Stars() starBlock()

AdminLTE3 stars

bs4Timeline() bs4TimelineLabel() bs4TimelineItem() bs4TimelineItemMedia() bs4TimelineStart() bs4TimelineEnd() timelineBlock() timelineLabel() timelineItem() timelineItemMedia() timelineStart() timelineEnd()

AdminLTE3 timeline block

CSS extras

Pimp your app

skinSelector()

AdminLTE3 skin selector

useAutoColor()

Plot auto-color module

getAdminLTEColors()

Get all AdminLTE colors.

bs4Dash showcase

bs4DashGallery()

Launch the bs4Dash Gallery