Create Fomantic UI Elements

Create an R object that represents a Fomantic UI Element e.g. segment or container. The contents have remained as minimal as possible to enable the greatest possible flexibility.

fui_el

Format

An object of class list of length 41.

Details

Most of the elements work just like a standard HTML tag with some pre-defined classes, however there are a few elements which require a value, and so have an extra argument attached:

emoji

FUI Element: emoji - The string of the emoji name

country

FUI Element: flag - Either the country name or 2 character ISO code

icon

FUI Element: icon - The space separated name of the Font Awesome icon

html_tag

FUI Elements: header, list, item - For certain elements, multiple HTML tags can be used. The default is set to div, but can be set to any valid HTML tag.

See also

https://fomantic-ui.com for styling Fomantic UI elements, builder

Examples

# List
fui_el$list(
  fui_el$item("Item 1"),
  fui_el$item("Item 2"),
  fui_el$item("Item 3")
)
#> <div class="ui list">
#>   <div class="item">Item 1</div>
#>   <div class="item">Item 2</div>
#>   <div class="item">Item 3</div>
#> </div>

# Pink Segment
fui_el$segment(
  class = "pink"
)
#> <div class="ui segment pink"></div>

# Grid
fui_el$grid(
  fui_el$row(
    class = "two column",
    fui_el$column(),
    fui_el$column()
  )
)
#> <div class="ui grid">
#>   <div class="row two column">
#>     <div class="column"></div>
#>     <div class="column"></div>
#>   </div>
#> </div>

# Flag
fui_el$flag("fr")
#> <i class="fr flag"></i>

# Icon
fui_el$icon("exclamation triangle")
#> <i class="exclamation triangle icon"></i>