card_group: Container for cards

In InControlofEffects/iceComponents: A set of custom components used in the In Control of Effects application

Description

A layout container for grouping more than one card

Usage

card_group(..., class = NULL)

Arguments

...	cards and other UI content
class	a string containing one or more css classes

Examples

if (interactive()) {
  library(shiny)
  ui <- tagList(
    iceComponents::use_iceComponents(),
    iceComponents::container(
      iceComponents::page(
        tags$h2("Study Progress", style = "text-align: center;"),
        iceComponents::card_group(
          iceComponents::card(
            inputId = "experiments",
            text = as.character(
              tagList(
                tags$strong("200"),
                "experiments performed"
              )
            ),
            icon_name = "beaker",
            icon_type = "solid"
          ),
          iceComponents::card(
            inputId = "recruitment",
            text = as.character(
              tagList(
                "We recruited",
                tags$strong("62"),
                "new participants"
              )
            ),
            icon_name = "user_add",
            icon_type = "outline"
          ),
          iceComponents::card(
            inputId = "statisfaction",
            text = as.character(
              tagList(
                tags$strong("98.9%"),
                "study satisfaction rate!"
              )
            ),
            icon_name = "emoji_happy",
            icon_type = "outline"
          )
        )
      )
    )
  )
}

InControlofEffects/iceComponents documentation built on April 1, 2021, 5:51 a.m.