UIkitFlex: Create an UIkit flex

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

Description

Utilize the power of flexbox to create a wide range of layouts

Usage

UIkitFlex(..., horiz_align = NULL, vert_align = NULL,
  direction = "row")

Arguments

...	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",

Note

You can also include UIkitGridElement instead ot UIkitFlexElement.

Author(s)

David Granjon, [e-mail]

Examples

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

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