kvision / pl.treksoft.kvision.panel / VPanel

VPanel

open class VPanel : FlexPanel

The container with vertical layout.

This is a special case of the flexbox layout.

Constructors

<init>

VPanel(justify: FlexJustify? = null, alignItems: FlexAlignItems? = null, spacing: Int? = null, classes: Set<String> = setOf(), init: VPanel.() -> Unit = null)

Inherited 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.

Inherited 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.

Companion Object Functions

vPanel

fun Container.vPanel(justify: FlexJustify? = null, alignItems: FlexAlignItems? = null, spacing: Int? = null, classes: Set<String> = setOf(), init: VPanel.() -> Unit = null): VPanel

DSL builder extension function.

Extension Functions

createInstance

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

Helper function for creating JavaScript objects from dynamic constructors.