box

fun RenderContext.box(styling: FlexParams.() -> Unit = {}, baseClass: StyleClass? = null, id: String? = null, prefix: String = "box", init: Div.() -> Unit): Div

This component represents the simplest layout component possible: A simple `div` that acts as a container for arbitrary content.

In fact it is more or less a shorthand for styling a `div` manually and so to avoid the cumbersome syntax of `BasicComponent.styled`

Example usage:

box({
     /* styling expressions */
         border {
             color { dark }
             size { normal }
             style { solid }
         }
    }) {
         p { +"Some content in the box" }
    }

Parameters

baseClass

optional CSS class that should be applied to the element

the ID of the element

init

a lambda expression for setting up the content and events of the `div` element itself

prefix

the prefix for the generated CSS class resulting in the form `$prefix-$hash`

styling

a lambda expression for declaring the styling as fritz2's styling DSL