Create horizontal layout sections with different background colors and styles
UIkitSection(..., title = NULL, style = NULL, preserve = TRUE, size = NULL)
... | 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). |
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) {} ) }