Utilize the power of flexbox to create a wide range of layouts
UIkitFlex(..., horiz_align = NULL, vert_align = NULL, direction = "row")
... | Slot for an UIkitFlexElement. |
---|---|
horiz_align | Horizontal alignement style: "left", "center", "right", "between" and "around". |
vert_align | Vertical alignement style: "stretch", "top", "middle" and "bottom". |
direction | Flex direction: either "row" or "column", |
You can also include UIkitGridElement instead ot UIkitFlexElement.
if(interactive()){ library(shiny) shiny::shinyApp( ui = UIkitPage( title = "My UIkit application", UIkitFlex( horiz_align = "center", vert_align = "middle", direction = "column", UIkitFlexElement( UIkitTile(style = "primary", "Primary") ), UIkitFlexElement( UIkitTile(style = "primary", "Primary") ) ) ), server = function(input, output) {} ) }