bulma_card: Bulma Card

In tjpalanca/bulma.R: Bulma CSS Framework for R

Description

An all-around flexible and composable component.

• bulma_card() - main container

  • bulma_card_header() - horizontal bar with a shadow

    • bulma_card_header_title() - left-aligned bold text

    • bulma_card_header_icon() - placeholder for an icon

  • bulma_card_image() - fullwidth container for a responsive image

  • bulma_card_content() - multi-purpose container for any other element

  • bulma_card_footer - horizontal list of controls

    • bulma_card_footer_item() - repeatable list item

Card

Usage

bulma_card(..., tag = tags$div)

bulma_card_header(..., tag = tags$div)

bulma_card_header_title(
  ...,
  align = c("left", "centered", "right"),
  tag = tags$p
)

bulma_card_header_icon(
  icon,
  ...,
  outer_tag = tags$button,
  inner_tag = tags$span
)

bulma_card_image(
  ...,
  ratio = c("square", "1by1", "5by4", "4by3", "3by2", "5by3", "16by9", "2by1", "3by1",
    "4by5", "3by4", "2by3", "3by5", "9by16", "1by2", "1by3"),
  fig_tags = list(),
  outer_tag = tags$div,
  inner_tag = tags$img
)

bulma_card_content(..., tag = tags$div)

bulma_card_footer(..., tag = tags$div)

bulma_card_footer_item(..., tag = tags$div)

Arguments

...	(tags) content
tag, outer_tag, inner_tag	(fn) default HTML container
align	(str) alignment of the header title
icon	(string) icon class based on the icon collection
ratio	(string) ratio of the image
fig_tags	(string) tags inside the figure

Functions

• bulma_card: main container; should only contain header, image, content, and footer

• bulma_card_header: horizontal bar with a shadow; contains only title and icon

• bulma_card_header_title: left-aligned bold text

• bulma_card_header_icon: placeholder for an icon

• bulma_card_image: fullwidth container for a responsive image

• bulma_card_content: content for the card, can contain anything

• bulma_card_footer: footer of controls for the card. Can only contain footer items.

• bulma_card_footer_item: item in the footer

See Also

Other Bulma Components: bulma_breadcrumb(), bulma_dropdown(), bulma_menu(), bulma_message(), bulma_modal(), bulma_navbar(), bulma_pagination(), bulma_panel(), bulma_tabs()

tjpalanca/bulma.R documentation built on Dec. 23, 2021, 10:58 a.m.