<HTML>
<HEAD>
<meta charset="UTF-8">
<title>VPanel - kvision</title>
<link rel="stylesheet" href="../../../style.css">
</HEAD>
<BODY>
<a href="../../index.html">kvision</a>&nbsp;/&nbsp;<a href="../index.html">pl.treksoft.kvision.panel</a>&nbsp;/&nbsp;<a href="./index.html">VPanel</a><br/>
<br/>
<h1>VPanel</h1>
<code><span class="keyword">open</span> <span class="keyword">class </span><span class="identifier">VPanel</span>&nbsp;<span class="symbol">:</span>&nbsp;<a href="../-flex-panel/index.html"><span class="identifier">FlexPanel</span></a></code>
<p>The container with vertical layout.</p>
<p>This is a special case of the flexbox layout.</p>
<h3>Constructors</h3>
<table>
<tbody>
<tr>
<td>
<p><a href="-init-.html">&lt;init&gt;</a></p>
</td>
<td>
<code><span class="identifier">VPanel</span><span class="symbol">(</span><span class="identifier" id="pl.treksoft.kvision.panel.VPanel$<init>(pl.treksoft.kvision.panel.FlexJustify, pl.treksoft.kvision.panel.FlexAlignItems, kotlin.Int, kotlin.collections.Set((kotlin.String)), kotlin.Function1((pl.treksoft.kvision.panel.VPanel, kotlin.Unit)))/justify">justify</span><span class="symbol">:</span>&nbsp;<a href="../-flex-justify/index.html"><span class="identifier">FlexJustify</span></a><span class="symbol">?</span>&nbsp;<span class="symbol">=</span>&nbsp;null<span class="symbol">, </span><span class="identifier" id="pl.treksoft.kvision.panel.VPanel$<init>(pl.treksoft.kvision.panel.FlexJustify, pl.treksoft.kvision.panel.FlexAlignItems, kotlin.Int, kotlin.collections.Set((kotlin.String)), kotlin.Function1((pl.treksoft.kvision.panel.VPanel, kotlin.Unit)))/alignItems">alignItems</span><span class="symbol">:</span>&nbsp;<a href="../-flex-align-items/index.html"><span class="identifier">FlexAlignItems</span></a><span class="symbol">?</span>&nbsp;<span class="symbol">=</span>&nbsp;null<span class="symbol">, </span><span class="identifier" id="pl.treksoft.kvision.panel.VPanel$<init>(pl.treksoft.kvision.panel.FlexJustify, pl.treksoft.kvision.panel.FlexAlignItems, kotlin.Int, kotlin.collections.Set((kotlin.String)), kotlin.Function1((pl.treksoft.kvision.panel.VPanel, kotlin.Unit)))/spacing">spacing</span><span class="symbol">:</span>&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html"><span class="identifier">Int</span></a><span class="symbol">?</span>&nbsp;<span class="symbol">=</span>&nbsp;null<span class="symbol">, </span><span class="identifier" id="pl.treksoft.kvision.panel.VPanel$<init>(pl.treksoft.kvision.panel.FlexJustify, pl.treksoft.kvision.panel.FlexAlignItems, kotlin.Int, kotlin.collections.Set((kotlin.String)), kotlin.Function1((pl.treksoft.kvision.panel.VPanel, kotlin.Unit)))/classes">classes</span><span class="symbol">:</span>&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.collections/-set/index.html"><span class="identifier">Set</span></a><span class="symbol">&lt;</span><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-string/index.html"><span class="identifier">String</span></a><span class="symbol">&gt;</span>&nbsp;<span class="symbol">=</span>&nbsp;setOf()<span class="symbol">, </span><span class="identifier" id="pl.treksoft.kvision.panel.VPanel$<init>(pl.treksoft.kvision.panel.FlexJustify, pl.treksoft.kvision.panel.FlexAlignItems, kotlin.Int, kotlin.collections.Set((kotlin.String)), kotlin.Function1((pl.treksoft.kvision.panel.VPanel, kotlin.Unit)))/init">init</span><span class="symbol">:</span>&nbsp;<a href="./index.html"><span class="identifier">VPanel</span></a><span class="symbol">.</span><span class="symbol">(</span><span class="symbol">)</span>&nbsp;<span class="symbol">-&gt;</span>&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html"><span class="identifier">Unit</span></a>&nbsp;<span class="symbol">=</span>&nbsp;null<span class="symbol">)</span></code></td>
</tr>
</tbody>
</table>
<h3>Inherited Properties</h3>
<table>
<tbody>
<tr>
<td>
<p><a href="../-flex-panel/align-content.html">alignContent</a></p>
</td>
<td>
<code><span class="keyword">var </span><span class="identifier">alignContent</span><span class="symbol">: </span><a href="../-flex-align-content/index.html"><span class="identifier">FlexAlignContent</span></a><span class="symbol">?</span></code>
<p>CSS flexbox content alignment.</p>
</td>
</tr>
<tr>
<td>
<p><a href="../-flex-panel/align-items.html">alignItems</a></p>
</td>
<td>
<code><span class="keyword">var </span><span class="identifier">alignItems</span><span class="symbol">: </span><a href="../-flex-align-items/index.html"><span class="identifier">FlexAlignItems</span></a><span class="symbol">?</span></code>
<p>CSS flexbox items alignment.</p>
</td>
</tr>
<tr>
<td>
<p><a href="../-flex-panel/direction.html">direction</a></p>
</td>
<td>
<code><span class="keyword">var </span><span class="identifier">direction</span><span class="symbol">: </span><a href="../-flex-dir/index.html"><span class="identifier">FlexDir</span></a><span class="symbol">?</span></code>
<p>CSS flexbox direction.</p>
</td>
</tr>
<tr>
<td>
<p><a href="../-flex-panel/justify.html">justify</a></p>
</td>
<td>
<code><span class="keyword">var </span><span class="identifier">justify</span><span class="symbol">: </span><a href="../-flex-justify/index.html"><span class="identifier">FlexJustify</span></a><span class="symbol">?</span></code>
<p>CSS flexbox content justification.</p>
</td>
</tr>
<tr>
<td>
<p><a href="../-flex-panel/spacing.html">spacing</a></p>
</td>
<td>
<code><span class="keyword">var </span><span class="identifier">spacing</span><span class="symbol">: </span><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html"><span class="identifier">Int</span></a><span class="symbol">?</span></code>
<p>The spacing between columns/rows.</p>
</td>
</tr>
<tr>
<td>
<p><a href="../-flex-panel/wrap.html">wrap</a></p>
</td>
<td>
<code><span class="keyword">var </span><span class="identifier">wrap</span><span class="symbol">: </span><a href="../-flex-wrap/index.html"><span class="identifier">FlexWrap</span></a><span class="symbol">?</span></code>
<p>CSS flexbox wrap mode.</p>
</td>
</tr>
</tbody>
</table>
<h3>Inherited Functions</h3>
<table>
<tbody>
<tr>
<td>
<p><a href="../-flex-panel/add.html">add</a></p>
</td>
<td>
<code><span class="keyword">fun </span><span class="identifier">add</span><span class="symbol">(</span><span class="identifier" id="pl.treksoft.kvision.panel.FlexPanel$add(pl.treksoft.kvision.core.Component, kotlin.Int, kotlin.Int, kotlin.Int, kotlin.Int, pl.treksoft.kvision.panel.FlexAlignItems, kotlin.collections.Set((kotlin.String)))/child">child</span><span class="symbol">:</span>&nbsp;<a href="../../pl.treksoft.kvision.core/-component/index.html"><span class="identifier">Component</span></a><span class="symbol">, </span><span class="identifier" id="pl.treksoft.kvision.panel.FlexPanel$add(pl.treksoft.kvision.core.Component, kotlin.Int, kotlin.Int, kotlin.Int, kotlin.Int, pl.treksoft.kvision.panel.FlexAlignItems, kotlin.collections.Set((kotlin.String)))/order">order</span><span class="symbol">:</span>&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html"><span class="identifier">Int</span></a><span class="symbol">?</span>&nbsp;<span class="symbol">=</span>&nbsp;null<span class="symbol">, </span><span class="identifier" id="pl.treksoft.kvision.panel.FlexPanel$add(pl.treksoft.kvision.core.Component, kotlin.Int, kotlin.Int, kotlin.Int, kotlin.Int, pl.treksoft.kvision.panel.FlexAlignItems, kotlin.collections.Set((kotlin.String)))/grow">grow</span><span class="symbol">:</span>&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html"><span class="identifier">Int</span></a><span class="symbol">?</span>&nbsp;<span class="symbol">=</span>&nbsp;null<span class="symbol">, </span><span class="identifier" id="pl.treksoft.kvision.panel.FlexPanel$add(pl.treksoft.kvision.core.Component, kotlin.Int, kotlin.Int, kotlin.Int, kotlin.Int, pl.treksoft.kvision.panel.FlexAlignItems, kotlin.collections.Set((kotlin.String)))/shrink">shrink</span><span class="symbol">:</span>&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html"><span class="identifier">Int</span></a><span class="symbol">?</span>&nbsp;<span class="symbol">=</span>&nbsp;null<span class="symbol">, </span><span class="identifier" id="pl.treksoft.kvision.panel.FlexPanel$add(pl.treksoft.kvision.core.Component, kotlin.Int, kotlin.Int, kotlin.Int, kotlin.Int, pl.treksoft.kvision.panel.FlexAlignItems, kotlin.collections.Set((kotlin.String)))/basis">basis</span><span class="symbol">:</span>&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html"><span class="identifier">Int</span></a><span class="symbol">?</span>&nbsp;<span class="symbol">=</span>&nbsp;null<span class="symbol">, </span><span class="identifier" id="pl.treksoft.kvision.panel.FlexPanel$add(pl.treksoft.kvision.core.Component, kotlin.Int, kotlin.Int, kotlin.Int, kotlin.Int, pl.treksoft.kvision.panel.FlexAlignItems, kotlin.collections.Set((kotlin.String)))/alignSelf">alignSelf</span><span class="symbol">:</span>&nbsp;<a href="../-flex-align-items/index.html"><span class="identifier">FlexAlignItems</span></a><span class="symbol">?</span>&nbsp;<span class="symbol">=</span>&nbsp;null<span class="symbol">, </span><span class="identifier" id="pl.treksoft.kvision.panel.FlexPanel$add(pl.treksoft.kvision.core.Component, kotlin.Int, kotlin.Int, kotlin.Int, kotlin.Int, pl.treksoft.kvision.panel.FlexAlignItems, kotlin.collections.Set((kotlin.String)))/classes">classes</span><span class="symbol">:</span>&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.collections/-set/index.html"><span class="identifier">Set</span></a><span class="symbol">&lt;</span><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-string/index.html"><span class="identifier">String</span></a><span class="symbol">&gt;</span>&nbsp;<span class="symbol">=</span>&nbsp;setOf()<span class="symbol">)</span><span class="symbol">: </span><a href="../-flex-panel/index.html"><span class="identifier">FlexPanel</span></a></code>
<p>Adds a component to the flexbox container.</p>
<code><span class="keyword">open</span> <span class="keyword">fun </span><span class="identifier">add</span><span class="symbol">(</span><span class="identifier" id="pl.treksoft.kvision.panel.FlexPanel$add(pl.treksoft.kvision.core.Component)/child">child</span><span class="symbol">:</span>&nbsp;<a href="../../pl.treksoft.kvision.core/-component/index.html"><span class="identifier">Component</span></a><span class="symbol">)</span><span class="symbol">: </span><a href="../-flex-panel/index.html"><span class="identifier">FlexPanel</span></a></code>
<p>Adds given component to the current container.</p>
</td>
</tr>
<tr>
<td>
<p><a href="../-flex-panel/add-all.html">addAll</a></p>
</td>
<td>
<code><span class="keyword">open</span> <span class="keyword">fun </span><span class="identifier">addAll</span><span class="symbol">(</span><span class="identifier" id="pl.treksoft.kvision.panel.FlexPanel$addAll(kotlin.collections.List((pl.treksoft.kvision.core.Component)))/children">children</span><span class="symbol">:</span>&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.collections/-list/index.html"><span class="identifier">List</span></a><span class="symbol">&lt;</span><a href="../../pl.treksoft.kvision.core/-component/index.html"><span class="identifier">Component</span></a><span class="symbol">&gt;</span><span class="symbol">)</span><span class="symbol">: </span><a href="../-flex-panel/index.html"><span class="identifier">FlexPanel</span></a></code>
<p>Adds a list of components to the current container.</p>
</td>
</tr>
<tr>
<td>
<p><a href="../-flex-panel/get-sn-style.html">getSnStyle</a></p>
</td>
<td>
<code><span class="keyword">open</span> <span class="keyword">fun </span><span class="identifier">getSnStyle</span><span class="symbol">(</span><span class="symbol">)</span><span class="symbol">: </span><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.collections/-list/index.html"><span class="identifier">List</span></a><span class="symbol">&lt;</span><a href="../../pl.treksoft.kvision.core/-string-pair.html"><span class="identifier">StringPair</span></a><span class="symbol">&gt;</span></code>
<p>Returns the list of String pairs defining CSS style attributes and their values.</p>
</td>
</tr>
<tr>
<td>
<p><a href="../-flex-panel/remove.html">remove</a></p>
</td>
<td>
<code><span class="keyword">open</span> <span class="keyword">fun </span><span class="identifier">remove</span><span class="symbol">(</span><span class="identifier" id="pl.treksoft.kvision.panel.FlexPanel$remove(pl.treksoft.kvision.core.Component)/child">child</span><span class="symbol">:</span>&nbsp;<a href="../../pl.treksoft.kvision.core/-component/index.html"><span class="identifier">Component</span></a><span class="symbol">)</span><span class="symbol">: </span><a href="../-flex-panel/index.html"><span class="identifier">FlexPanel</span></a></code>
<p>Removes given component from the current container.</p>
</td>
</tr>
<tr>
<td>
<p><a href="../-flex-panel/remove-all.html">removeAll</a></p>
</td>
<td>
<code><span class="keyword">open</span> <span class="keyword">fun </span><span class="identifier">removeAll</span><span class="symbol">(</span><span class="symbol">)</span><span class="symbol">: </span><a href="../-flex-panel/index.html"><span class="identifier">FlexPanel</span></a></code>
<p>Removes all children from the current container.</p>
</td>
</tr>
</tbody>
</table>
<h3>Companion Object Functions</h3>
<table>
<tbody>
<tr>
<td>
<p><a href="v-panel.html">vPanel</a></p>
</td>
<td>
<code><span class="keyword">fun </span><a href="../../pl.treksoft.kvision.core/-container/index.html"><span class="identifier">Container</span></a><span class="symbol">.</span><span class="identifier">vPanel</span><span class="symbol">(</span><span class="identifier" id="pl.treksoft.kvision.panel.VPanel.Companion$vPanel(pl.treksoft.kvision.core.Container, pl.treksoft.kvision.panel.FlexJustify, pl.treksoft.kvision.panel.FlexAlignItems, kotlin.Int, kotlin.collections.Set((kotlin.String)), kotlin.Function1((pl.treksoft.kvision.panel.VPanel, kotlin.Unit)))/justify">justify</span><span class="symbol">:</span>&nbsp;<a href="../-flex-justify/index.html"><span class="identifier">FlexJustify</span></a><span class="symbol">?</span>&nbsp;<span class="symbol">=</span>&nbsp;null<span class="symbol">, </span><span class="identifier" id="pl.treksoft.kvision.panel.VPanel.Companion$vPanel(pl.treksoft.kvision.core.Container, pl.treksoft.kvision.panel.FlexJustify, pl.treksoft.kvision.panel.FlexAlignItems, kotlin.Int, kotlin.collections.Set((kotlin.String)), kotlin.Function1((pl.treksoft.kvision.panel.VPanel, kotlin.Unit)))/alignItems">alignItems</span><span class="symbol">:</span>&nbsp;<a href="../-flex-align-items/index.html"><span class="identifier">FlexAlignItems</span></a><span class="symbol">?</span>&nbsp;<span class="symbol">=</span>&nbsp;null<span class="symbol">, </span><span class="identifier" id="pl.treksoft.kvision.panel.VPanel.Companion$vPanel(pl.treksoft.kvision.core.Container, pl.treksoft.kvision.panel.FlexJustify, pl.treksoft.kvision.panel.FlexAlignItems, kotlin.Int, kotlin.collections.Set((kotlin.String)), kotlin.Function1((pl.treksoft.kvision.panel.VPanel, kotlin.Unit)))/spacing">spacing</span><span class="symbol">:</span>&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html"><span class="identifier">Int</span></a><span class="symbol">?</span>&nbsp;<span class="symbol">=</span>&nbsp;null<span class="symbol">, </span><span class="identifier" id="pl.treksoft.kvision.panel.VPanel.Companion$vPanel(pl.treksoft.kvision.core.Container, pl.treksoft.kvision.panel.FlexJustify, pl.treksoft.kvision.panel.FlexAlignItems, kotlin.Int, kotlin.collections.Set((kotlin.String)), kotlin.Function1((pl.treksoft.kvision.panel.VPanel, kotlin.Unit)))/classes">classes</span><span class="symbol">:</span>&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.collections/-set/index.html"><span class="identifier">Set</span></a><span class="symbol">&lt;</span><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-string/index.html"><span class="identifier">String</span></a><span class="symbol">&gt;</span>&nbsp;<span class="symbol">=</span>&nbsp;setOf()<span class="symbol">, </span><span class="identifier" id="pl.treksoft.kvision.panel.VPanel.Companion$vPanel(pl.treksoft.kvision.core.Container, pl.treksoft.kvision.panel.FlexJustify, pl.treksoft.kvision.panel.FlexAlignItems, kotlin.Int, kotlin.collections.Set((kotlin.String)), kotlin.Function1((pl.treksoft.kvision.panel.VPanel, kotlin.Unit)))/init">init</span><span class="symbol">:</span>&nbsp;<a href="./index.html"><span class="identifier">VPanel</span></a><span class="symbol">.</span><span class="symbol">(</span><span class="symbol">)</span>&nbsp;<span class="symbol">-&gt;</span>&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html"><span class="identifier">Unit</span></a>&nbsp;<span class="symbol">=</span>&nbsp;null<span class="symbol">)</span><span class="symbol">: </span><a href="./index.html"><span class="identifier">VPanel</span></a></code>
<p>DSL builder extension function.</p>
</td>
</tr>
</tbody>
</table>
</BODY>
</HTML>