kvision / pl.treksoft.kvision.panel / FlexPanel

FlexPanel

open class FlexPanel : SimplePanel

The container with CSS flexbox layout support.

Constructors

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)

Properties

alignContent	`var alignContent: FLEXALIGNCONTENT?` CSS flexbox content alignment.
alignItems	`var alignItems: FLEXALIGNITEMS?` CSS flexbox items alignment.
direction	`var direction: FLEXDIR?` CSS flexbox direction.
justify	`var justify: FLEXJUSTIFY?` CSS flexbox content justification.
spacing	`var spacing: Int?` The spacing between columns/rows.
wrap	`var wrap: FLEXWRAP?` CSS flexbox wrap mode.

Functions

add	`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.
addAll	`open fun addAll(children: List<Component>): FlexPanel` Adds a list of components to the current container.
getSnStyle	`open fun getSnStyle(): List<StringPair>` Returns the list of String pairs defining CSS style attributes and their values.
remove	`open fun remove(child: Component): FlexPanel` Removes given component from the current container.
removeAll	`open fun removeAll(): FlexPanel` Removes all children from the current container.

Inherited Functions

addInternal	`fun addInternal(child: Component): SimplePanel` Protected and final method to add given component to the current container.
childrenVNodes	`open fun childrenVNodes(): Array<VNode>` Returns the array of the children Snabbdom vnodes.
getChildren	`open fun getChildren(): List<Component>` Returns a list of children of the current container.
render	`open fun render(): VNode` Renders current component as a Snabbdom vnode.

Companion Object Functions

flexPanel

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.

Inheritors

HPanel	`open class HPanel : FlexPanel` The container with horizontal layout.
VPanel	`open class VPanel : FlexPanel` The container with vertical layout.