kvision / pl.treksoft.kvision.panel / FlexPanel

FlexPanel

open class FlexPanel : SimplePanel

The container with CSS flexbox layout support.

Constructors

<init>

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.

Extension Functions

createInstance

fun <T> Any?.createInstance(vararg args: dynamic): T

Helper function for creating JavaScript objects from dynamic constructors.

Inheritors

HPanel

open class HPanel : FlexPanel

The container with horizontal layout.

VPanel

open class VPanel : FlexPanel

The container with vertical layout.