Create a Boostrap 4 card

Build an argon card

argonCard(
  ...,
  title = NULL,
  src = NULL,
  hover_lift = FALSE,
  shadow = FALSE,
  shadow_size = NULL,
  hover_shadow = FALSE,
  border_level = 0,
  icon = NULL,
  btn_text = "More",
  status = "primary",
  background_color = NULL,
  gradient = FALSE,
  floating = FALSE,
  width = 6
)

Arguments

...

Body content.

title

Card title.

src

Card external link.

hover_lift

Whether to apply a lift effect on hover. FALSE by default. Not compatible with floating.

shadow

Whether to apply a shadow effect. FALSE by default.

shadow_size

Card shadow size. Only if shadow is TRUE. NULL by default.

hover_shadow

Only if shadow is TRUE. Whether to enlarge the shadow on hover. FALSE by default.

border_level

Border level. O by default.

icon

Card icon. Expect argonIcon or icon.

btn_text

Button text. src arg must not be NULL so that this button appears.

status

Card status. See https://demos.creative-tim.com/argon-design-system/docs/foundation/colors.html.

background_color

Card background color. NULL by default. See https://demos.creative-tim.com/argon-design-system/docs/foundation/colors.html.

gradient

Whether to apply a gradient effect on the card background. FALSE by default.

floating

Whether to animate the card by a vertical floating movement. FALSE by default. Not compatible with hover_lift.

width

Card width. Between 1 and 12.

Author

David Granjon, dgranjon@ymail.com

Examples

if (interactive()) {
 library(argonR)
 argonCard(
  status = "primary",
  width = 12,
  title = "Card 1",
  hover_lift = TRUE,
  shadow = TRUE,
  icon = argonIcon("check-bold"),
  src = "#",
  "Argon is a great free UI package based on Bootstrap 4 
  that includes the most important components and features."
 )
}