flex_container: Generate 'HTML' tags with 'flex' layout

In shidashi: A Shiny Dashboard Template System

Generate 'HTML' tags with 'flex' layout

Description

Generate 'HTML' tags with 'flex' layout

Usage

flex_container(
  ...,
  style = NULL,
  direction = c("row", "column"),
  wrap = c("wrap", "nowrap", "wrap-reverse"),
  justify = c("flex-start", "center", "flex-end", "space-around", "space-between"),
  align_box = c("stretch", "flex-start", "center", "flex-end", "baseline"),
  align_content = c("stretch", "flex-start", "flex-end", "space-between", "space-around",
    "center")
)

flex_item(
  ...,
  size = 1,
  style = NULL,
  order = NULL,
  flex = as.character(size),
  align = c("flex-start", "flex-end", "center"),
  class = NULL,
  .class = "fill-width padding-5"
)

flex_break(..., class = NULL)

Arguments

...	for flex_container, it's elements of flex_item; for flex_item, ... are shiny 'HTML' tags
style	the additional 'CSS' style for containers or inner items
direction, wrap, justify, align_box, align_content	'CSS' styles for 'flex' containers
size	numerical relative size of the item; will be ignored if flex is provided
order, align, flex	CSS' styles for 'flex' items
class, .class	class to add to the elements

Value

'HTML' tags

Examples

x <- flex_container(
  style = "position:absolute;height:100vh;top:0;left:0;width:100%",
  flex_item(style = 'background-color:black;'),
  flex_item(style = 'background-color:red;')
)
# You can view it via `htmltools::html_print(x)`

shidashi documentation built on April 4, 2023, 5:16 p.m.