tabler-components {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.

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)
flag(country, size = NULL, class = NULL)
social(name, size = NULL, gray = FALSE, 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

... Child elements, typically column()/col*() calls.
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 Integer 1–12 (number of columns in a 12-column grid).
title Card title (optional)
footer Card footer content (optional)
status Card color status: "primary", "secondary", "success", "warning", "danger", etc.
text The pretitle 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 name (optional)
color Color theme
name Icon name
library Icon library: "tabler", "bootstrap", "feather"
country Two-letter (or special, e.g. "eu", "gb-sct") country code
size Flag size: "xxs", "xs", "sm", "md", "lg", "xl", "2xl" (default size if 'NULL')
gray Use the muted gray variant of the icon
type Alert type: "info", "success", "warning", "danger"
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
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.

Loading...