Skip to contents

Page layout

The dashboard page shell and its top-level regions.

dashboardPage()
Branded dashboard page
dashboardHeader()
Dashboard navbar
dashboardSidebar() sidebarMenu() menuItem() menuSubItem() sidebarHeader()
Create a dashboard main sidebar
dashboardBody() tabItems() tabItem()
Dashboard body
dashboardFooter()
Dashboard footer

Sidebar menus, sub-items and the user panel.

dashboardSidebar() sidebarMenu() menuItem() menuSubItem() sidebarHeader()
Create a dashboard main sidebar
sidebarMenuOutput()
Sidebar menu output
sidebarUserPanel()
Sidebar user panel
sidebarSearchForm()
Create a search form to place in a sidebar

Body content

Tabsets and grid helpers for laying out dashboard content.

dashboardBody() tabItems() tabItem()
Dashboard body
tabsetPanel()
bslibdash tabsetPanel
updateTabItems()
Update the selected sidebar tab item
boxLayout()
Container for cards
column()
Column system

Cards and boxes

Collapsible/closable cards and tabbed cards.

box() updateBox() updateCard()
Create a card
tabBox()
Tab box

KPI tiles

Value boxes and info boxes for headline metrics.

valueBox()
Value box
valueBoxOutput()
Value box output
renderValueBox()
Render a value box
infoBox()
Info box
infoBoxOutput()
Info box output
renderInfoBox()
Render an info box

Header widgets

Header dropdown menus for messages, notifications and tasks.

dropdownMenu() messageItem() notificationItem() taskItem()
Dropdown menu
dropdownMenuOutput()
Dropdown menu output
renderDropdownMenu()
Render a dropdown menu
menuItemOutput()
Sidebar menu item output
renderMenu()
Render a sidebar menu element

Feedback and inputs

Accordions, badges, buttons, icons and toasts.

accordion() accordionItem()
Accordion container
badge() dashboardBadge()
Create dashboard badge item
actionButton()
Action button/link
icon()
Create an bslibdash icon
toast()
Create a toast

Theming

Bootstrap 5 / bslib theme helpers.

brand_bs_theme()
Default bslibdash brand theme

Package

bslibdash bslibdash-package
bslibdash: Bootstrap 5 dashboards for Shiny