row {tabler}R Documentation

Bootstrap Grid Row

Description

Wraps content in a Bootstrap row. Required as the direct parent of column()/col1()-col12() calls: those only lay out side-by-side inside a .row (which sets display: flex) - without it, columns stack vertically like any other block element. Includes the row-deck row-cards classes by default: row-deck stretches each column to the row's height and sets flex: 1 1 auto on any card() inside it (so cards end up the same height); row-cards applies Tabler's card row gutter spacing.

Wraps content in a Bootstrap column of the given width. Must be placed directly inside a row() to lay out side-by-side with sibling columns.

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 a standalone page header with optional pretitle and action buttons

Create the full page body structure with optional header

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

row(..., class = NULL, equal_height = TRUE)

column(..., width = 12, class = NULL)

card(..., title = NULL, footer = NULL, status = NULL, class = NULL)

pre_title(text)

title(text)

header(title, subtitle = NULL, header_actions = NULL)

body(..., title = NULL, subtitle = NULL, header_actions = 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",
  ...
)

Arguments

... Additional HTML attributes
class Additional CSS classes
equal_height Whether cards in this row should be stretched to the same height (adds the row-deck row-cards classes). Set to FALSE to let cards keep their natural height.
width Column width (1-12)
title Alert title (optional)
footer Card footer content (optional)
status Card color status: "primary", "secondary", "success", "warning", "danger", etc.
text The title text to display
subtitle The page pretitle text (optional)
header_actions Additional elements to include in the header (e.g., action buttons)
value Main value to display
icon Icon to include
color Button color theme
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.

An HTML tag.

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