Package index

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

Sidebar content functions

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

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.

Gallery

bs4Dash showcase

bs4DashGallery(): Launch the bs4Dash Gallery