card: Create a Tabler Card

Description

Build a modern card component with optional header, body, and footer

Small helper to render the page pretitle element used by Tabler examples

Small helper to render the page title element used by Tabler examples

Create the full page header structure with pretitle and title

Display a key metric or value prominently

Display an icon from Tabler Icons or other icon libraries

Display important messages to users

Create interactive buttons with Tabler styling

Usage

card(..., title = NULL, footer = NULL, status = NULL, class = NULL)
pre_title(text)
title(text)
page_header(title_text, pretitle_text = NULL, ...)
value_box(value, title, icon = NULL, color = "primary", width = 3)
icon(name, library = "tabler", class = NULL)
alert(..., type = "info", dismissible = FALSE, title = NULL)
button(
  label,
  href = NULL,
  onclick = NULL,
  color = "primary",
  size = "md",
  outline = FALSE,
  icon = NULL,
  icon_right = FALSE,
  disabled = FALSE,
  block = FALSE,
  pill = FALSE,
  square = FALSE,
  loading = FALSE,
  class = NULL,
  type = "button",
  ...
)

Value

An HTML tag representing the card

An HTML tag representing the value box

An HTML tag representing the icon

An HTML tag representing the alert

An HTML tag representing the button

Arguments

...: Additional HTML attributes
title: Alert title (optional)
footer: Card footer content (optional)
status: Card color status: "primary", "secondary", "success", "warning", "danger", etc.
class: Additional CSS classes
text: The title text to display
title_text: The main title text
pretitle_text: The pretitle text (optional)
value: Main value to display
icon: Icon to include
color: Button color theme
width: Column width (1-12)
name: Icon name
library: Icon library: "tabler", "bootstrap", "feather"
type: HTML button type attribute
dismissible: Whether alert can be dismissed
label: Button text
href: URL to link to (creates an anchor tag instead of button)
onclick: JavaScript to execute on click
size: Button size: "sm", "md", "lg"
outline: Use outline style
icon_right: Position icon on the right side
disabled: Whether the button is disabled
block: Make button full-width (block-level)
pill: Use pill-shaped button style
square: Use square button style
loading: Show loading spinner