card {tabler}R Documentation

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

Create the full page body structure

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, ...)

page_body(...)

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",
  ...
)

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

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

Loading...