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. |
open class HPanel : FlexPanel
The container with horizontal layout. |
|
open class VPanel : FlexPanel
The container with vertical layout. |