open class FlexPanel : SimplePanel
The container with CSS flexbox layout support.
FlexPanel(direction: FlexDir? = null, wrap: FlexWrap? = null, justify: FlexJustify? = null, alignItems: FlexAlignItems? = null, alignContent: FlexAlignContent? = null, spacing: Int? = null, classes: Set<String> = setOf(), init: FlexPanel.() -> Unit = null) |
var alignContent: FlexAlignContent?
CSS flexbox content alignment. |
|
var alignItems: FlexAlignItems?
CSS flexbox items alignment. |
|
var direction: FlexDir?
CSS flexbox direction. |
|
var justify: FlexJustify?
CSS flexbox content justification. |
|
var spacing: Int?
The spacing between columns/rows. |
|
var wrap: FlexWrap?
CSS flexbox wrap mode. |
fun add(child: Component, order: Int? = null, grow: Int? = null, shrink: Int? = null, basis: Int? = null, alignSelf: FlexAlignItems? = null, classes: Set<String> = setOf()): FlexPanel
Adds a component to the flexbox container. open fun add(child: Component): FlexPanel
Adds given component to the current container. |
|
open fun addAll(children: List<Component>): FlexPanel
Adds a list of components to the current container. |
|
open fun getSnStyle(): List<StringPair>
Returns the list of String pairs defining CSS style attributes and their values. |
|
open fun remove(child: Component): FlexPanel
Removes given component from the current container. |
|
open fun removeAll(): FlexPanel
Removes all children from the current container. |
fun addInternal(child: Component): SimplePanel
Protected and final method to add given component to the current container. |
|
open fun childrenVNodes(): Array<VNode>
Returns the array of the children Snabbdom vnodes. |
|
open fun getChildren(): List<Component>
Returns a list of children of the current container. |
|
open fun render(): VNode
Renders current component as a Snabbdom vnode. |
fun Container.flexPanel(direction: FlexDir? = null, wrap: FlexWrap? = null, justify: FlexJustify? = null, alignItems: FlexAlignItems? = null, alignContent: FlexAlignContent? = null, spacing: Int? = null, classes: Set<String> = setOf(), init: FlexPanel.() -> Unit = null): FlexPanel
DSL builder extension function. |
fun <T> Any?.createInstance(vararg args: dynamic): T
Helper function for creating JavaScript objects from dynamic constructors. |
open class HPanel : FlexPanel
The container with horizontal layout. |
|
open class VPanel : FlexPanel
The container with vertical layout. |