Create horizontal layout sections with different background colors and styles

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).

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) {} ) }