tabler (version 0.1.0)

page: Create a Tabler Dashboard Page

Description

Main function to create a complete dashboard page with Tabler theme

Container for dashboard content

Helper to create a top navigation header. This replaces the previous top-navbar behavior when users passed a header-like component.

Footer for the dashboard

Container for navigation items in sidebar

Container for navigation items in horizontal layout

Individual navigation item for sidebar

Container for multiple tab panels in tabbed layouts

Individual tab panel content

Usage

page(
  title = NULL,
  navbar = NULL,
  body = NULL,
  footer = NULL,
  layout = "boxed",
  theme = "light",
  color = "blue",
  show_theme_button = FALSE
)
body(..., class = NULL)
topbar(title = NULL, brand_image = NULL, ...)
footer(left = NULL, right = NULL)
sidebar_menu(..., title = NULL)
horizontal_menu(...)
menu_item(text, tab_name = NULL, icon = NULL, href = NULL, badge = NULL)
tab_items(...)
tab_item(tab_name, ...)

Value

HTML tag with dependencies attached

An HTML tag representing the body

An HTML tag representing the top header

An HTML tag representing the footer

An HTML tag representing the sidebar menu

An HTML tag representing the horizontal menu

An HTML tag representing the menu item

An HTML tag representing the tab items container

An HTML tag representing the tab item

Arguments

title

Optional brand for the sidebar; either a string (text title) or a named list with elements `text` and `img` (URL/path) to render a brand image and title. Example: `title = list(text = "My App", img = "logo.png")`.

navbar

Dashboard navbar/menu. Can be: - `sidebar_menu()` for a vertical sidebar - `horizontal_menu()` for a horizontal menu

body

Dashboard body content

footer

Dashboard footer (optional)

layout

Layout type: "boxed"

theme

Default theme: "light" (default) or "dark".

color

Color theme (optional): "blue" (default), "azure", "indigo", "purple", "pink", "red", "orange", "yellow", "lime", "green", "teal", "cyan".

show_theme_button

Whether to show the theme toggle buttons (default: `FALSE`).

...

Content for this tab

class

Additional CSS classes

brand_image

URL or path to brand image

left

Left-aligned content

right

Right-aligned content

text

Item text/label

tab_name

Unique identifier for the tab (must match menuItem tab_name)

icon

Icon name (optional)

href

Link URL (optional, alternative to tab_name)

badge

Badge text (optional)

Examples

ui <- page(
  title = "Combo Dashboard",
  layout = "combo",
  navbar = list(
    top = topbar(title = "My App"),
    side = sidebar_menu(
      menu_item("Dogs", icon = "dog"),
      menu_item("Cats", icon = "cat")
    )
  ),
  body = body("Welcome to Tabler!")
)

server <- function(input, output, session) {}

# shinyApp(ui, server)