UIkitSection: Create an UIkit section

In DivadNojnarg/shinyUIkit: 'shiny' API for the 'UIkit' Web Framework

Description

Create horizontal layout sections with different background colors and styles

Usage

UIkitSection(..., title = NULL, style = NULL, preserve = TRUE,
  size = NULL)

Arguments

...	Slot for UIkitSectionItem.
title	Section title.
style	Section style: "default", "muted", "primary", "secondary".
preserve	Whether to preserve the color of UI elements inside the section. TRUE by default.
size	Section size: "xsmall", "small", "large", "xlarge" or NULL (default).

Author(s)

David Granjon, [e-mail]

Examples

if(interactive()){
 library(shiny)
 shiny::shinyApp(
   ui = UIkitPage(
     title = "My UIkit application",
     UIkitSection(
      size = "small",
      title = "Section Primary with cards",
      style = "primary",
      UIkitGrid(
       child_width = "expand",
       UIkitSectionItem(
        UIkitCard(
         width = NULL,
         height = "medium",
         title = "My card",
         hover = TRUE,
         horizontal = FALSE,
         header = "This is the header",
         body = "This is the body",
         footer = "This is the footer"
        )
       ),
       UIkitSectionItem(
        UIkitCard(
          width = NULL,
          height = "medium",
          title = "My card",
          hover = TRUE,
          horizontal = FALSE,
          header = "This is the header",
          body = "This is the body",
          footer = "This is the footer"
        )
       )
      )
     )
   ),
   server = function(input, output) {}
 )
}

DivadNojnarg/shinyUIkit documentation built on July 24, 2019, 8:17 a.m.