summaryrefslogtreecommitdiff
path: root/api/pl.treksoft.kvision.core/-widget
diff options
context:
space:
mode:
authorRobert Jaros <rjaros@finn.pl>2020-05-21 00:13:50 +0200
committerRobert Jaros <rjaros@finn.pl>2020-05-21 00:13:50 +0200
commitbfd5aa358e141d6c86d476d8bb66b104a80a3b96 (patch)
treeef6207d4c4739350637a54fe9263b7ade2a8b51b /api/pl.treksoft.kvision.core/-widget
parent7dd4af03244265ce1bc8aa00440fec19ce978264 (diff)
downloadkvision-bfd5aa358e141d6c86d476d8bb66b104a80a3b96.tar.gz
kvision-bfd5aa358e141d6c86d476d8bb66b104a80a3b96.tar.bz2
kvision-bfd5aa358e141d6c86d476d8bb66b104a80a3b96.zip
API documentation for KVision 3.10.0gh-pages
Diffstat (limited to 'api/pl.treksoft.kvision.core/-widget')
-rw-r--r--api/pl.treksoft.kvision.core/-widget/after-destroy-hook.html1
-rw-r--r--api/pl.treksoft.kvision.core/-widget/after-dispose-hook.html15
-rw-r--r--api/pl.treksoft.kvision.core/-widget/after-insert-hook.html1
-rw-r--r--api/pl.treksoft.kvision.core/-widget/animate.html24
-rw-r--r--api/pl.treksoft.kvision.core/-widget/fade-in.html24
-rw-r--r--api/pl.treksoft.kvision.core/-widget/fade-out.html24
-rw-r--r--api/pl.treksoft.kvision.core/-widget/hide-anim.html24
-rw-r--r--api/pl.treksoft.kvision.core/-widget/index.html136
-rw-r--r--api/pl.treksoft.kvision.core/-widget/show-anim.html24
-rw-r--r--api/pl.treksoft.kvision.core/-widget/slide-down.html24
-rw-r--r--api/pl.treksoft.kvision.core/-widget/slide-up.html24
11 files changed, 306 insertions, 15 deletions
diff --git a/api/pl.treksoft.kvision.core/-widget/after-destroy-hook.html b/api/pl.treksoft.kvision.core/-widget/after-destroy-hook.html
index e489023d..b45493ee 100644
--- a/api/pl.treksoft.kvision.core/-widget/after-destroy-hook.html
+++ b/api/pl.treksoft.kvision.core/-widget/after-destroy-hook.html
@@ -10,5 +10,6 @@
<h1>afterDestroyHook</h1>
(js) <a name="pl.treksoft.kvision.core.Widget$afterDestroyHook"></a>
<code><span class="keyword">var </span><span class="identifier">afterDestroyHook</span><span class="symbol">: </span><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><span class="symbol">)</span><span class="symbol">?</span></code>
+<p>A function called after the widget is removed from the DOM.</p>
</BODY>
</HTML>
diff --git a/api/pl.treksoft.kvision.core/-widget/after-dispose-hook.html b/api/pl.treksoft.kvision.core/-widget/after-dispose-hook.html
new file mode 100644
index 00000000..82d0c8f5
--- /dev/null
+++ b/api/pl.treksoft.kvision.core/-widget/after-dispose-hook.html
@@ -0,0 +1,15 @@
+<HTML>
+<HEAD>
+<meta charset="UTF-8">
+<title>Widget.afterDisposeHook - 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.core</a>&nbsp;/&nbsp;<a href="index.html">Widget</a>&nbsp;/&nbsp;<a href="./after-dispose-hook.html">afterDisposeHook</a><br/>
+<br/>
+<h1>afterDisposeHook</h1>
+(js) <a name="pl.treksoft.kvision.core.Widget$afterDisposeHook"></a>
+<code><span class="keyword">var </span><span class="identifier">afterDisposeHook</span><span class="symbol">: </span><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><span class="symbol">)</span><span class="symbol">?</span></code>
+<p>A function called after the widget is disposed.</p>
+</BODY>
+</HTML>
diff --git a/api/pl.treksoft.kvision.core/-widget/after-insert-hook.html b/api/pl.treksoft.kvision.core/-widget/after-insert-hook.html
index a5530545..9a7dbfad 100644
--- a/api/pl.treksoft.kvision.core/-widget/after-insert-hook.html
+++ b/api/pl.treksoft.kvision.core/-widget/after-insert-hook.html
@@ -10,5 +10,6 @@
<h1>afterInsertHook</h1>
(js) <a name="pl.treksoft.kvision.core.Widget$afterInsertHook"></a>
<code><span class="keyword">var </span><span class="identifier">afterInsertHook</span><span class="symbol">: </span><span class="symbol">(</span><span class="symbol">(</span><span class="identifier">VNode</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><span class="symbol">)</span><span class="symbol">?</span></code>
+<p>A function called after the widget is inserted to the DOM.</p>
</BODY>
</HTML>
diff --git a/api/pl.treksoft.kvision.core/-widget/animate.html b/api/pl.treksoft.kvision.core/-widget/animate.html
new file mode 100644
index 00000000..ab776d39
--- /dev/null
+++ b/api/pl.treksoft.kvision.core/-widget/animate.html
@@ -0,0 +1,24 @@
+<HTML>
+<HEAD>
+<meta charset="UTF-8">
+<title>Widget.animate - 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.core</a>&nbsp;/&nbsp;<a href="index.html">Widget</a>&nbsp;/&nbsp;<a href="./animate.html">animate</a><br/>
+<br/>
+<h1>animate</h1>
+(js) <a name="pl.treksoft.kvision.core.Widget$animate(kotlin.Int, pl.treksoft.kvision.core.Easing, kotlin.Function0((kotlin.Unit)), kotlin.Function1((pl.treksoft.kvision.core.StyledComponent, kotlin.Unit)))"></a>
+<code><span class="keyword">open</span> <span class="keyword">fun </span><span class="identifier">animate</span><span class="symbol">(</span><span class="identifier" id="pl.treksoft.kvision.core.Widget$animate(kotlin.Int, pl.treksoft.kvision.core.Easing, kotlin.Function0((kotlin.Unit)), kotlin.Function1((pl.treksoft.kvision.core.StyledComponent, kotlin.Unit)))/duration">duration</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>&nbsp;<span class="symbol">=</span>&nbsp;400<span class="symbol">, </span><span class="identifier" id="pl.treksoft.kvision.core.Widget$animate(kotlin.Int, pl.treksoft.kvision.core.Easing, kotlin.Function0((kotlin.Unit)), kotlin.Function1((pl.treksoft.kvision.core.StyledComponent, kotlin.Unit)))/easing">easing</span><span class="symbol">:</span>&nbsp;<a href="../-easing/index.html"><span class="identifier">Easing</span></a>&nbsp;<span class="symbol">=</span>&nbsp;Easing.SWING<span class="symbol">, </span><span class="identifier" id="pl.treksoft.kvision.core.Widget$animate(kotlin.Int, pl.treksoft.kvision.core.Easing, kotlin.Function0((kotlin.Unit)), kotlin.Function1((pl.treksoft.kvision.core.StyledComponent, kotlin.Unit)))/complete">complete</span><span class="symbol">:</span>&nbsp;<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><span class="symbol">)</span><span class="symbol">?</span>&nbsp;<span class="symbol">=</span>&nbsp;null<span class="symbol">, </span><span class="identifier" id="pl.treksoft.kvision.core.Widget$animate(kotlin.Int, pl.treksoft.kvision.core.Easing, kotlin.Function0((kotlin.Unit)), kotlin.Function1((pl.treksoft.kvision.core.StyledComponent, kotlin.Unit)))/styles">styles</span><span class="symbol">:</span>&nbsp;<a href="../-styled-component/index.html"><span class="identifier">StyledComponent</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><span class="symbol">)</span><span class="symbol">: </span><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html"><span class="identifier">Unit</span></a></code>
+<p>Animate the widget changing CSS properties.</p>
+<h3>Parameters</h3>
+<p><a name="duration"></a>
+<code>duration</code> - a duration of the animation</p>
+<p><a name="easing"></a>
+<code>easing</code> - an easing function to use</p>
+<p><a name="complete"></a>
+<code>complete</code> - a callback function called after the animation completes</p>
+<p><a name="styles"></a>
+<code>styles</code> - changing properties values</p>
+</BODY>
+</HTML>
diff --git a/api/pl.treksoft.kvision.core/-widget/fade-in.html b/api/pl.treksoft.kvision.core/-widget/fade-in.html
new file mode 100644
index 00000000..a00063c4
--- /dev/null
+++ b/api/pl.treksoft.kvision.core/-widget/fade-in.html
@@ -0,0 +1,24 @@
+<HTML>
+<HEAD>
+<meta charset="UTF-8">
+<title>Widget.fadeIn - 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.core</a>&nbsp;/&nbsp;<a href="index.html">Widget</a>&nbsp;/&nbsp;<a href="./fade-in.html">fadeIn</a><br/>
+<br/>
+<h1>fadeIn</h1>
+(js) <a name="pl.treksoft.kvision.core.Widget$fadeIn(kotlin.Int, pl.treksoft.kvision.core.Easing, kotlin.Function0((kotlin.Unit)))"></a>
+<code><span class="keyword">open</span> <span class="keyword">fun </span><span class="identifier">fadeIn</span><span class="symbol">(</span><span class="identifier" id="pl.treksoft.kvision.core.Widget$fadeIn(kotlin.Int, pl.treksoft.kvision.core.Easing, kotlin.Function0((kotlin.Unit)))/duration">duration</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>&nbsp;<span class="symbol">=</span>&nbsp;400<span class="symbol">, </span><span class="identifier" id="pl.treksoft.kvision.core.Widget$fadeIn(kotlin.Int, pl.treksoft.kvision.core.Easing, kotlin.Function0((kotlin.Unit)))/easing">easing</span><span class="symbol">:</span>&nbsp;<a href="../-easing/index.html"><span class="identifier">Easing</span></a>&nbsp;<span class="symbol">=</span>&nbsp;Easing.SWING<span class="symbol">, </span><span class="identifier" id="pl.treksoft.kvision.core.Widget$fadeIn(kotlin.Int, pl.treksoft.kvision.core.Easing, kotlin.Function0((kotlin.Unit)))/complete">complete</span><span class="symbol">:</span>&nbsp;<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><span class="symbol">)</span><span class="symbol">?</span>&nbsp;<span class="symbol">=</span>&nbsp;null<span class="symbol">)</span><span class="symbol">: </span><a href="index.html"><span class="identifier">Widget</span></a></code>
+<p>Shows current widget with fade in effect.</p>
+<h3>Parameters</h3>
+<p><a name="duration"></a>
+<code>duration</code> - a duration of the animation</p>
+<p><a name="easing"></a>
+<code>easing</code> - an easing function to use</p>
+<p><a name="complete"></a>
+<code>complete</code> - a callback function called after the animation completes</p>
+<p><strong>Return</strong><br/>
+current widget</p>
+</BODY>
+</HTML>
diff --git a/api/pl.treksoft.kvision.core/-widget/fade-out.html b/api/pl.treksoft.kvision.core/-widget/fade-out.html
new file mode 100644
index 00000000..d138ca03
--- /dev/null
+++ b/api/pl.treksoft.kvision.core/-widget/fade-out.html
@@ -0,0 +1,24 @@
+<HTML>
+<HEAD>
+<meta charset="UTF-8">
+<title>Widget.fadeOut - 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.core</a>&nbsp;/&nbsp;<a href="index.html">Widget</a>&nbsp;/&nbsp;<a href="./fade-out.html">fadeOut</a><br/>
+<br/>
+<h1>fadeOut</h1>
+(js) <a name="pl.treksoft.kvision.core.Widget$fadeOut(kotlin.Int, pl.treksoft.kvision.core.Easing, kotlin.Function0((kotlin.Unit)))"></a>
+<code><span class="keyword">open</span> <span class="keyword">fun </span><span class="identifier">fadeOut</span><span class="symbol">(</span><span class="identifier" id="pl.treksoft.kvision.core.Widget$fadeOut(kotlin.Int, pl.treksoft.kvision.core.Easing, kotlin.Function0((kotlin.Unit)))/duration">duration</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>&nbsp;<span class="symbol">=</span>&nbsp;400<span class="symbol">, </span><span class="identifier" id="pl.treksoft.kvision.core.Widget$fadeOut(kotlin.Int, pl.treksoft.kvision.core.Easing, kotlin.Function0((kotlin.Unit)))/easing">easing</span><span class="symbol">:</span>&nbsp;<a href="../-easing/index.html"><span class="identifier">Easing</span></a>&nbsp;<span class="symbol">=</span>&nbsp;Easing.SWING<span class="symbol">, </span><span class="identifier" id="pl.treksoft.kvision.core.Widget$fadeOut(kotlin.Int, pl.treksoft.kvision.core.Easing, kotlin.Function0((kotlin.Unit)))/complete">complete</span><span class="symbol">:</span>&nbsp;<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><span class="symbol">)</span><span class="symbol">?</span>&nbsp;<span class="symbol">=</span>&nbsp;null<span class="symbol">)</span><span class="symbol">: </span><a href="index.html"><span class="identifier">Widget</span></a></code>
+<p>Hides current widget with fade out effect.</p>
+<h3>Parameters</h3>
+<p><a name="duration"></a>
+<code>duration</code> - a duration of the animation</p>
+<p><a name="easing"></a>
+<code>easing</code> - an easing function to use</p>
+<p><a name="complete"></a>
+<code>complete</code> - a callback function called after the animation completes</p>
+<p><strong>Return</strong><br/>
+current widget</p>
+</BODY>
+</HTML>
diff --git a/api/pl.treksoft.kvision.core/-widget/hide-anim.html b/api/pl.treksoft.kvision.core/-widget/hide-anim.html
new file mode 100644
index 00000000..bb1cfae2
--- /dev/null
+++ b/api/pl.treksoft.kvision.core/-widget/hide-anim.html
@@ -0,0 +1,24 @@
+<HTML>
+<HEAD>
+<meta charset="UTF-8">
+<title>Widget.hideAnim - 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.core</a>&nbsp;/&nbsp;<a href="index.html">Widget</a>&nbsp;/&nbsp;<a href="./hide-anim.html">hideAnim</a><br/>
+<br/>
+<h1>hideAnim</h1>
+(js) <a name="pl.treksoft.kvision.core.Widget$hideAnim(kotlin.Int, pl.treksoft.kvision.core.Easing, kotlin.Function0((kotlin.Unit)))"></a>
+<code><span class="keyword">open</span> <span class="keyword">fun </span><span class="identifier">hideAnim</span><span class="symbol">(</span><span class="identifier" id="pl.treksoft.kvision.core.Widget$hideAnim(kotlin.Int, pl.treksoft.kvision.core.Easing, kotlin.Function0((kotlin.Unit)))/duration">duration</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>&nbsp;<span class="symbol">=</span>&nbsp;400<span class="symbol">, </span><span class="identifier" id="pl.treksoft.kvision.core.Widget$hideAnim(kotlin.Int, pl.treksoft.kvision.core.Easing, kotlin.Function0((kotlin.Unit)))/easing">easing</span><span class="symbol">:</span>&nbsp;<a href="../-easing/index.html"><span class="identifier">Easing</span></a>&nbsp;<span class="symbol">=</span>&nbsp;Easing.SWING<span class="symbol">, </span><span class="identifier" id="pl.treksoft.kvision.core.Widget$hideAnim(kotlin.Int, pl.treksoft.kvision.core.Easing, kotlin.Function0((kotlin.Unit)))/complete">complete</span><span class="symbol">:</span>&nbsp;<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><span class="symbol">)</span><span class="symbol">?</span>&nbsp;<span class="symbol">=</span>&nbsp;null<span class="symbol">)</span><span class="symbol">: </span><a href="index.html"><span class="identifier">Widget</span></a></code>
+<p>Hides current widget with animation effect.</p>
+<h3>Parameters</h3>
+<p><a name="duration"></a>
+<code>duration</code> - a duration of the animation</p>
+<p><a name="easing"></a>
+<code>easing</code> - an easing function to use</p>
+<p><a name="complete"></a>
+<code>complete</code> - a callback function called after the animation completes</p>
+<p><strong>Return</strong><br/>
+current widget</p>
+</BODY>
+</HTML>
diff --git a/api/pl.treksoft.kvision.core/-widget/index.html b/api/pl.treksoft.kvision.core/-widget/index.html
index 5451601e..b8a1b260 100644
--- a/api/pl.treksoft.kvision.core/-widget/index.html
+++ b/api/pl.treksoft.kvision.core/-widget/index.html
@@ -55,14 +55,25 @@
<h4><a href="after-destroy-hook.html">afterDestroyHook</a></h4>
</td>
<td>
+<p>A function called after the widget is removed from the DOM.</p>
<code><span class="keyword">var </span><span class="identifier">afterDestroyHook</span><span class="symbol">: </span><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><span class="symbol">)</span><span class="symbol">?</span></code></td>
</tr>
<tr>
<td>
(js)
+<h4><a href="after-dispose-hook.html">afterDisposeHook</a></h4>
+</td>
+<td>
+<p>A function called after the widget is disposed.</p>
+<code><span class="keyword">var </span><span class="identifier">afterDisposeHook</span><span class="symbol">: </span><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><span class="symbol">)</span><span class="symbol">?</span></code></td>
+</tr>
+<tr>
+<td>
+(js)
<h4><a href="after-insert-hook.html">afterInsertHook</a></h4>
</td>
<td>
+<p>A function called after the widget is inserted to the DOM.</p>
<code><span class="keyword">var </span><span class="identifier">afterInsertHook</span><span class="symbol">: </span><span class="symbol">(</span><span class="symbol">(</span><span class="identifier">VNode</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><span class="symbol">)</span><span class="symbol">?</span></code></td>
</tr>
<tr>
@@ -247,6 +258,15 @@
<tr>
<td>
(js)
+<h4><a href="animate.html">animate</a></h4>
+</td>
+<td>
+<p>Animate the widget changing CSS properties.</p>
+<code><span class="keyword">open</span> <span class="keyword">fun </span><span class="identifier">animate</span><span class="symbol">(</span><span class="identifier" id="pl.treksoft.kvision.core.Widget$animate(kotlin.Int, pl.treksoft.kvision.core.Easing, kotlin.Function0((kotlin.Unit)), kotlin.Function1((pl.treksoft.kvision.core.StyledComponent, kotlin.Unit)))/duration">duration</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>&nbsp;<span class="symbol">=</span>&nbsp;400<span class="symbol">, </span><span class="identifier" id="pl.treksoft.kvision.core.Widget$animate(kotlin.Int, pl.treksoft.kvision.core.Easing, kotlin.Function0((kotlin.Unit)), kotlin.Function1((pl.treksoft.kvision.core.StyledComponent, kotlin.Unit)))/easing">easing</span><span class="symbol">:</span>&nbsp;<a href="../-easing/index.html"><span class="identifier">Easing</span></a>&nbsp;<span class="symbol">=</span>&nbsp;Easing.SWING<span class="symbol">, </span><span class="identifier" id="pl.treksoft.kvision.core.Widget$animate(kotlin.Int, pl.treksoft.kvision.core.Easing, kotlin.Function0((kotlin.Unit)), kotlin.Function1((pl.treksoft.kvision.core.StyledComponent, kotlin.Unit)))/complete">complete</span><span class="symbol">:</span>&nbsp;<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><span class="symbol">)</span><span class="symbol">?</span>&nbsp;<span class="symbol">=</span>&nbsp;null<span class="symbol">, </span><span class="identifier" id="pl.treksoft.kvision.core.Widget$animate(kotlin.Int, pl.treksoft.kvision.core.Easing, kotlin.Function0((kotlin.Unit)), kotlin.Function1((pl.treksoft.kvision.core.StyledComponent, kotlin.Unit)))/styles">styles</span><span class="symbol">:</span>&nbsp;<a href="../-styled-component/index.html"><span class="identifier">StyledComponent</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><span class="symbol">)</span><span class="symbol">: </span><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html"><span class="identifier">Unit</span></a></code></td>
+</tr>
+<tr>
+<td>
+(js)
<h4><a href="clear-drag-drop-data.html">clearDragDropData</a></h4>
</td>
<td>
@@ -300,6 +320,24 @@
<tr>
<td>
(js)
+<h4><a href="fade-in.html">fadeIn</a></h4>
+</td>
+<td>
+<p>Shows current widget with fade in effect.</p>
+<code><span class="keyword">open</span> <span class="keyword">fun </span><span class="identifier">fadeIn</span><span class="symbol">(</span><span class="identifier" id="pl.treksoft.kvision.core.Widget$fadeIn(kotlin.Int, pl.treksoft.kvision.core.Easing, kotlin.Function0((kotlin.Unit)))/duration">duration</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>&nbsp;<span class="symbol">=</span>&nbsp;400<span class="symbol">, </span><span class="identifier" id="pl.treksoft.kvision.core.Widget$fadeIn(kotlin.Int, pl.treksoft.kvision.core.Easing, kotlin.Function0((kotlin.Unit)))/easing">easing</span><span class="symbol">:</span>&nbsp;<a href="../-easing/index.html"><span class="identifier">Easing</span></a>&nbsp;<span class="symbol">=</span>&nbsp;Easing.SWING<span class="symbol">, </span><span class="identifier" id="pl.treksoft.kvision.core.Widget$fadeIn(kotlin.Int, pl.treksoft.kvision.core.Easing, kotlin.Function0((kotlin.Unit)))/complete">complete</span><span class="symbol">:</span>&nbsp;<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><span class="symbol">)</span><span class="symbol">?</span>&nbsp;<span class="symbol">=</span>&nbsp;null<span class="symbol">)</span><span class="symbol">: </span><a href="./index.html"><span class="identifier">Widget</span></a></code></td>
+</tr>
+<tr>
+<td>
+(js)
+<h4><a href="fade-out.html">fadeOut</a></h4>
+</td>
+<td>
+<p>Hides current widget with fade out effect.</p>
+<code><span class="keyword">open</span> <span class="keyword">fun </span><span class="identifier">fadeOut</span><span class="symbol">(</span><span class="identifier" id="pl.treksoft.kvision.core.Widget$fadeOut(kotlin.Int, pl.treksoft.kvision.core.Easing, kotlin.Function0((kotlin.Unit)))/duration">duration</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>&nbsp;<span class="symbol">=</span>&nbsp;400<span class="symbol">, </span><span class="identifier" id="pl.treksoft.kvision.core.Widget$fadeOut(kotlin.Int, pl.treksoft.kvision.core.Easing, kotlin.Function0((kotlin.Unit)))/easing">easing</span><span class="symbol">:</span>&nbsp;<a href="../-easing/index.html"><span class="identifier">Easing</span></a>&nbsp;<span class="symbol">=</span>&nbsp;Easing.SWING<span class="symbol">, </span><span class="identifier" id="pl.treksoft.kvision.core.Widget$fadeOut(kotlin.Int, pl.treksoft.kvision.core.Easing, kotlin.Function0((kotlin.Unit)))/complete">complete</span><span class="symbol">:</span>&nbsp;<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><span class="symbol">)</span><span class="symbol">?</span>&nbsp;<span class="symbol">=</span>&nbsp;null<span class="symbol">)</span><span class="symbol">: </span><a href="./index.html"><span class="identifier">Widget</span></a></code></td>
+</tr>
+<tr>
+<td>
+(js)
<h4><a href="get-attribute.html">getAttribute</a></h4>
</td>
<td>
@@ -381,6 +419,15 @@
<tr>
<td>
(js)
+<h4><a href="hide-anim.html">hideAnim</a></h4>
+</td>
+<td>
+<p>Hides current widget with animation effect.</p>
+<code><span class="keyword">open</span> <span class="keyword">fun </span><span class="identifier">hideAnim</span><span class="symbol">(</span><span class="identifier" id="pl.treksoft.kvision.core.Widget$hideAnim(kotlin.Int, pl.treksoft.kvision.core.Easing, kotlin.Function0((kotlin.Unit)))/duration">duration</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>&nbsp;<span class="symbol">=</span>&nbsp;400<span class="symbol">, </span><span class="identifier" id="pl.treksoft.kvision.core.Widget$hideAnim(kotlin.Int, pl.treksoft.kvision.core.Easing, kotlin.Function0((kotlin.Unit)))/easing">easing</span><span class="symbol">:</span>&nbsp;<a href="../-easing/index.html"><span class="identifier">Easing</span></a>&nbsp;<span class="symbol">=</span>&nbsp;Easing.SWING<span class="symbol">, </span><span class="identifier" id="pl.treksoft.kvision.core.Widget$hideAnim(kotlin.Int, pl.treksoft.kvision.core.Easing, kotlin.Function0((kotlin.Unit)))/complete">complete</span><span class="symbol">:</span>&nbsp;<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><span class="symbol">)</span><span class="symbol">?</span>&nbsp;<span class="symbol">=</span>&nbsp;null<span class="symbol">)</span><span class="symbol">: </span><a href="./index.html"><span class="identifier">Widget</span></a></code></td>
+</tr>
+<tr>
+<td>
+(js)
<h4><a href="hide-popover.html">hidePopover</a></h4>
</td>
<td>
@@ -537,6 +584,15 @@
<tr>
<td>
(js)
+<h4><a href="show-anim.html">showAnim</a></h4>
+</td>
+<td>
+<p>Shows current widget with animation effect.</p>
+<code><span class="keyword">open</span> <span class="keyword">fun </span><span class="identifier">showAnim</span><span class="symbol">(</span><span class="identifier" id="pl.treksoft.kvision.core.Widget$showAnim(kotlin.Int, pl.treksoft.kvision.core.Easing, kotlin.Function0((kotlin.Unit)))/duration">duration</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>&nbsp;<span class="symbol">=</span>&nbsp;400<span class="symbol">, </span><span class="identifier" id="pl.treksoft.kvision.core.Widget$showAnim(kotlin.Int, pl.treksoft.kvision.core.Easing, kotlin.Function0((kotlin.Unit)))/easing">easing</span><span class="symbol">:</span>&nbsp;<a href="../-easing/index.html"><span class="identifier">Easing</span></a>&nbsp;<span class="symbol">=</span>&nbsp;Easing.SWING<span class="symbol">, </span><span class="identifier" id="pl.treksoft.kvision.core.Widget$showAnim(kotlin.Int, pl.treksoft.kvision.core.Easing, kotlin.Function0((kotlin.Unit)))/complete">complete</span><span class="symbol">:</span>&nbsp;<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><span class="symbol">)</span><span class="symbol">?</span>&nbsp;<span class="symbol">=</span>&nbsp;null<span class="symbol">)</span><span class="symbol">: </span><a href="./index.html"><span class="identifier">Widget</span></a></code></td>
+</tr>
+<tr>
+<td>
+(js)
<h4><a href="show-popover.html">showPopover</a></h4>
</td>
<td>
@@ -563,6 +619,24 @@
<tr>
<td>
(js)
+<h4><a href="slide-down.html">slideDown</a></h4>
+</td>
+<td>
+<p>Shows current widget with slide down effect.</p>
+<code><span class="keyword">open</span> <span class="keyword">fun </span><span class="identifier">slideDown</span><span class="symbol">(</span><span class="identifier" id="pl.treksoft.kvision.core.Widget$slideDown(kotlin.Int, pl.treksoft.kvision.core.Easing, kotlin.Function0((kotlin.Unit)))/duration">duration</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>&nbsp;<span class="symbol">=</span>&nbsp;400<span class="symbol">, </span><span class="identifier" id="pl.treksoft.kvision.core.Widget$slideDown(kotlin.Int, pl.treksoft.kvision.core.Easing, kotlin.Function0((kotlin.Unit)))/easing">easing</span><span class="symbol">:</span>&nbsp;<a href="../-easing/index.html"><span class="identifier">Easing</span></a>&nbsp;<span class="symbol">=</span>&nbsp;Easing.SWING<span class="symbol">, </span><span class="identifier" id="pl.treksoft.kvision.core.Widget$slideDown(kotlin.Int, pl.treksoft.kvision.core.Easing, kotlin.Function0((kotlin.Unit)))/complete">complete</span><span class="symbol">:</span>&nbsp;<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><span class="symbol">)</span><span class="symbol">?</span>&nbsp;<span class="symbol">=</span>&nbsp;null<span class="symbol">)</span><span class="symbol">: </span><a href="./index.html"><span class="identifier">Widget</span></a></code></td>
+</tr>
+<tr>
+<td>
+(js)
+<h4><a href="slide-up.html">slideUp</a></h4>
+</td>
+<td>
+<p>Hides current widget with slide up effect.</p>
+<code><span class="keyword">open</span> <span class="keyword">fun </span><span class="identifier">slideUp</span><span class="symbol">(</span><span class="identifier" id="pl.treksoft.kvision.core.Widget$slideUp(kotlin.Int, pl.treksoft.kvision.core.Easing, kotlin.Function0((kotlin.Unit)))/duration">duration</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>&nbsp;<span class="symbol">=</span>&nbsp;400<span class="symbol">, </span><span class="identifier" id="pl.treksoft.kvision.core.Widget$slideUp(kotlin.Int, pl.treksoft.kvision.core.Easing, kotlin.Function0((kotlin.Unit)))/easing">easing</span><span class="symbol">:</span>&nbsp;<a href="../-easing/index.html"><span class="identifier">Easing</span></a>&nbsp;<span class="symbol">=</span>&nbsp;Easing.SWING<span class="symbol">, </span><span class="identifier" id="pl.treksoft.kvision.core.Widget$slideUp(kotlin.Int, pl.treksoft.kvision.core.Easing, kotlin.Function0((kotlin.Unit)))/complete">complete</span><span class="symbol">:</span>&nbsp;<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><span class="symbol">)</span><span class="symbol">?</span>&nbsp;<span class="symbol">=</span>&nbsp;null<span class="symbol">)</span><span class="symbol">: </span><a href="./index.html"><span class="identifier">Widget</span></a></code></td>
+</tr>
+<tr>
+<td>
+(js)
<h4><a href="toggle-visible.html">toggleVisible</a></h4>
</td>
<td>
@@ -589,6 +663,7 @@
<h4><a href="../../pl.treksoft.kvision.event/change-flow.html">changeFlow</a></h4>
</td>
<td>
+<p>Extension property returning Flow for a change event.</p>
<code><span class="keyword">val </span><span class="symbol">&lt;</span><span class="identifier">T</span>&nbsp;<span class="symbol">:</span>&nbsp;<a href="./index.html"><span class="identifier">Widget</span></a><span class="symbol">&gt;</span> <span class="identifier">T</span><span class="symbol">.</span><span class="identifier">changeFlow</span><span class="symbol">: </span><span class="identifier">Flow</span><span class="symbol">&lt;</span><span class="identifier">T</span><span class="symbol">&gt;</span></code></td>
</tr>
<tr>
@@ -597,6 +672,7 @@
<h4><a href="../../pl.treksoft.kvision.event/click-flow.html">clickFlow</a></h4>
</td>
<td>
+<p>Extension property returning Flow for a click event.</p>
<code><span class="keyword">val </span><span class="symbol">&lt;</span><span class="identifier">T</span>&nbsp;<span class="symbol">:</span>&nbsp;<a href="./index.html"><span class="identifier">Widget</span></a><span class="symbol">&gt;</span> <span class="identifier">T</span><span class="symbol">.</span><span class="identifier">clickFlow</span><span class="symbol">: </span><span class="identifier">Flow</span><span class="symbol">&lt;</span><span class="identifier">T</span><span class="symbol">&gt;</span></code></td>
</tr>
<tr>
@@ -605,6 +681,7 @@
<h4><a href="../../pl.treksoft.kvision.event/input-flow.html">inputFlow</a></h4>
</td>
<td>
+<p>Extension property returning Flow for an input event.</p>
<code><span class="keyword">val </span><span class="symbol">&lt;</span><span class="identifier">T</span>&nbsp;<span class="symbol">:</span>&nbsp;<a href="./index.html"><span class="identifier">Widget</span></a><span class="symbol">&gt;</span> <span class="identifier">T</span><span class="symbol">.</span><span class="identifier">inputFlow</span><span class="symbol">: </span><span class="identifier">Flow</span><span class="symbol">&lt;</span><span class="identifier">T</span><span class="symbol">&gt;</span></code></td>
</tr>
</tbody>
@@ -655,11 +732,20 @@
<tr>
<td>
(js)
+<h4><a href="../../pl.treksoft.kvision.state/bind.html">bind</a></h4>
+</td>
+<td>
+<p>An extension function which binds the widget to the observable state.</p>
+<code><span class="keyword">fun </span><span class="symbol">&lt;</span><span class="identifier">S</span><span class="symbol">, </span><span class="identifier">W</span>&nbsp;<span class="symbol">:</span>&nbsp;<a href="./index.html"><span class="identifier">Widget</span></a><span class="symbol">&gt;</span> <span class="identifier">W</span><span class="symbol">.</span><span class="identifier">bind</span><span class="symbol">(</span><span class="identifier" id="pl.treksoft.kvision.state$bind(pl.treksoft.kvision.state.bind.W, pl.treksoft.kvision.state.ObservableState((pl.treksoft.kvision.state.bind.S)), kotlin.Function2((pl.treksoft.kvision.state.bind.W, pl.treksoft.kvision.state.bind.S, kotlin.Unit)))/observableState">observableState</span><span class="symbol">:</span>&nbsp;<a href="../../pl.treksoft.kvision.state/-observable-state/index.html"><span class="identifier">ObservableState</span></a><span class="symbol">&lt;</span><span class="identifier">S</span><span class="symbol">&gt;</span><span class="symbol">, </span><span class="identifier" id="pl.treksoft.kvision.state$bind(pl.treksoft.kvision.state.bind.W, pl.treksoft.kvision.state.ObservableState((pl.treksoft.kvision.state.bind.S)), kotlin.Function2((pl.treksoft.kvision.state.bind.W, pl.treksoft.kvision.state.bind.S, kotlin.Unit)))/factory">factory</span><span class="symbol">:</span>&nbsp;<span class="identifier">W</span><span class="symbol">.</span><span class="symbol">(</span><span class="identifier">S</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><span class="symbol">)</span><span class="symbol">: </span><span class="identifier">W</span></code></td>
+</tr>
+<tr>
+<td>
+(js)
<h4><a href="../../pl.treksoft.kvision.dropdown/context-menu.html">contextMenu</a></h4>
</td>
<td>
<p>DSL builder extension function.</p>
-<code><span class="keyword">fun </span><a href="./index.html"><span class="identifier">Widget</span></a><span class="symbol">.</span><span class="identifier">contextMenu</span><span class="symbol">(</span><span class="identifier" id="pl.treksoft.kvision.dropdown$contextMenu(pl.treksoft.kvision.core.Widget, kotlin.Boolean, kotlin.collections.Set((kotlin.String)), kotlin.Function1((pl.treksoft.kvision.dropdown.ContextMenu, kotlin.Unit)))/fixedPosition">fixedPosition</span><span class="symbol">:</span>&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html"><span class="identifier">Boolean</span></a>&nbsp;<span class="symbol">=</span>&nbsp;false<span class="symbol">, </span><span class="identifier" id="pl.treksoft.kvision.dropdown$contextMenu(pl.treksoft.kvision.core.Widget, kotlin.Boolean, kotlin.collections.Set((kotlin.String)), kotlin.Function1((pl.treksoft.kvision.dropdown.ContextMenu, 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.dropdown$contextMenu(pl.treksoft.kvision.core.Widget, kotlin.Boolean, kotlin.collections.Set((kotlin.String)), kotlin.Function1((pl.treksoft.kvision.dropdown.ContextMenu, kotlin.Unit)))/init">init</span><span class="symbol">:</span>&nbsp;<span class="symbol">(</span><a href="../../pl.treksoft.kvision.dropdown/-context-menu/index.html"><span class="identifier">ContextMenu</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><span class="symbol">)</span><span class="symbol">?</span>&nbsp;<span class="symbol">=</span>&nbsp;null<span class="symbol">)</span><span class="symbol">: </span><a href="../../pl.treksoft.kvision.dropdown/-context-menu/index.html"><span class="identifier">ContextMenu</span></a></code></td>
+<code><span class="keyword">fun </span><a href="./index.html"><span class="identifier">Widget</span></a><span class="symbol">.</span><span class="identifier">contextMenu</span><span class="symbol">(</span><span class="identifier" id="pl.treksoft.kvision.dropdown$contextMenu(pl.treksoft.kvision.core.Widget, kotlin.Boolean, kotlin.collections.Set((kotlin.String)), kotlin.String, kotlin.Function1((pl.treksoft.kvision.dropdown.ContextMenu, kotlin.Unit)))/fixedPosition">fixedPosition</span><span class="symbol">:</span>&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html"><span class="identifier">Boolean</span></a>&nbsp;<span class="symbol">=</span>&nbsp;false<span class="symbol">, </span><span class="identifier" id="pl.treksoft.kvision.dropdown$contextMenu(pl.treksoft.kvision.core.Widget, kotlin.Boolean, kotlin.collections.Set((kotlin.String)), kotlin.String, kotlin.Function1((pl.treksoft.kvision.dropdown.ContextMenu, 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><span class="symbol">?</span>&nbsp;<span class="symbol">=</span>&nbsp;null<span class="symbol">, </span><span class="identifier" id="pl.treksoft.kvision.dropdown$contextMenu(pl.treksoft.kvision.core.Widget, kotlin.Boolean, kotlin.collections.Set((kotlin.String)), kotlin.String, kotlin.Function1((pl.treksoft.kvision.dropdown.ContextMenu, kotlin.Unit)))/className">className</span><span class="symbol">:</span>&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-string/index.html"><span class="identifier">String</span></a><span class="symbol">?</span>&nbsp;<span class="symbol">=</span>&nbsp;null<span class="symbol">, </span><span class="identifier" id="pl.treksoft.kvision.dropdown$contextMenu(pl.treksoft.kvision.core.Widget, kotlin.Boolean, kotlin.collections.Set((kotlin.String)), kotlin.String, kotlin.Function1((pl.treksoft.kvision.dropdown.ContextMenu, kotlin.Unit)))/init">init</span><span class="symbol">:</span>&nbsp;<span class="symbol">(</span><a href="../../pl.treksoft.kvision.dropdown/-context-menu/index.html"><span class="identifier">ContextMenu</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><span class="symbol">)</span><span class="symbol">?</span>&nbsp;<span class="symbol">=</span>&nbsp;null<span class="symbol">)</span><span class="symbol">: </span><a href="../../pl.treksoft.kvision.dropdown/-context-menu/index.html"><span class="identifier">ContextMenu</span></a></code></td>
</tr>
<tr>
<td>
@@ -667,14 +753,25 @@
<h4><a href="../../pl.treksoft.kvision.event/event-flow.html">eventFlow</a></h4>
</td>
<td>
+<p>Extension property returning Flow&lt;Pair&lt;Widget, Event&gt;&gt; for a given event</p>
<code><span class="keyword">fun </span><span class="symbol">&lt;</span><span class="identifier">T</span>&nbsp;<span class="symbol">:</span>&nbsp;<a href="./index.html"><span class="identifier">Widget</span></a><span class="symbol">&gt;</span> <span class="identifier">T</span><span class="symbol">.</span><span class="identifier">eventFlow</span><span class="symbol">(</span><span class="identifier" id="pl.treksoft.kvision.event$eventFlow(pl.treksoft.kvision.event.eventFlow.T, kotlin.String)/event">event</span><span class="symbol">:</span>&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-string/index.html"><span class="identifier">String</span></a><span class="symbol">)</span><span class="symbol">: </span><span class="identifier">Flow</span><span class="symbol">&lt;</span><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-pair/index.html"><span class="identifier">Pair</span></a><span class="symbol">&lt;</span><span class="identifier">T</span><span class="symbol">,</span>&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/org.w3c.dom.events/-event/index.html"><span class="identifier">Event</span></a><span class="symbol">&gt;</span><span class="symbol">&gt;</span></code></td>
</tr>
<tr>
<td>
(js)
+<h4><a href="../on-click.html">onClick</a></h4>
+</td>
+<td>
+<p>An extension function for defining on click event handlers.</p>
+<code><span class="keyword">fun </span><span class="symbol">&lt;</span><span class="identifier">T</span>&nbsp;<span class="symbol">:</span>&nbsp;<a href="./index.html"><span class="identifier">Widget</span></a><span class="symbol">&gt;</span> <span class="identifier">T</span><span class="symbol">.</span><span class="identifier">onClick</span><span class="symbol">(</span><span class="identifier" id="pl.treksoft.kvision.core$onClick(pl.treksoft.kvision.core.onClick.T, kotlin.Function2((pl.treksoft.kvision.core.onClick.T, org.w3c.dom.events.MouseEvent, kotlin.Unit)))/handler">handler</span><span class="symbol">:</span>&nbsp;<span class="identifier">T</span><span class="symbol">.</span><span class="symbol">(</span><a href="https://kotlinlang.org/api/latest/jvm/stdlib/org.w3c.dom.events/-mouse-event/index.html"><span class="identifier">MouseEvent</span></a><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><span class="symbol">)</span><span class="symbol">: </span><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html"><span class="identifier">Int</span></a></code></td>
+</tr>
+<tr>
+<td>
+(js)
<h4><a href="../on-event.html">onEvent</a></h4>
</td>
<td>
+<p>An extension function for defining event handlers.</p>
<code><span class="keyword">fun </span><span class="symbol">&lt;</span><span class="identifier">T</span>&nbsp;<span class="symbol">:</span>&nbsp;<a href="./index.html"><span class="identifier">Widget</span></a><span class="symbol">&gt;</span> <span class="identifier">T</span><span class="symbol">.</span><span class="identifier">onEvent</span><span class="symbol">(</span><span class="identifier" id="pl.treksoft.kvision.core$onEvent(pl.treksoft.kvision.core.onEvent.T, kotlin.Function1((pl.treksoft.kvision.utils.SnOn((pl.treksoft.kvision.core.onEvent.T)), kotlin.Unit)))/block">block</span><span class="symbol">:</span>&nbsp;<span class="identifier">SnOn</span><span class="symbol">&lt;</span><span class="identifier">T</span><span class="symbol">&gt;</span><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><span class="symbol">)</span><span class="symbol">: </span><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html"><span class="identifier">Int</span></a></code></td>
</tr>
<tr>
@@ -747,16 +844,7 @@
</td>
<td>
<p>Base class for basic text components.</p>
-<code><span class="keyword">abstract</span> <span class="keyword">class </span><span class="identifier">AbstractTextInput</span>&nbsp;<span class="symbol">:</span>&nbsp;<a href="./index.html"><span class="identifier">Widget</span></a><span class="symbol">, </span><a href="../../pl.treksoft.kvision.form/-form-input/index.html"><span class="identifier">FormInput</span></a></code></td>
-</tr>
-<tr>
-<td>
-(js)
-<h4><a href="../../pl.treksoft.kvision.html/-button/index.html">Button</a></h4>
-</td>
-<td>
-<p>Button component.</p>
-<code><span class="keyword">open</span> <span class="keyword">class </span><span class="identifier">Button</span>&nbsp;<span class="symbol">:</span>&nbsp;<a href="./index.html"><span class="identifier">Widget</span></a></code></td>
+<code><span class="keyword">abstract</span> <span class="keyword">class </span><span class="identifier">AbstractTextInput</span>&nbsp;<span class="symbol">:</span>&nbsp;<a href="./index.html"><span class="identifier">Widget</span></a><span class="symbol">, </span><a href="../../pl.treksoft.kvision.form/-form-input/index.html"><span class="identifier">FormInput</span></a><span class="symbol">, </span><a href="../../pl.treksoft.kvision.state/-observable-state/index.html"><span class="identifier">ObservableState</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">?</span><span class="symbol">&gt;</span></code></td>
</tr>
<tr>
<td>
@@ -783,7 +871,7 @@
</td>
<td>
<p>The basic input component rendered as HTML <em>input type="checkbox"</em> or <em>input type="radio"</em>.</p>
-<code><span class="keyword">abstract</span> <span class="keyword">class </span><span class="identifier">CheckInput</span>&nbsp;<span class="symbol">:</span>&nbsp;<a href="./index.html"><span class="identifier">Widget</span></a><span class="symbol">, </span><a href="../../pl.treksoft.kvision.form/-form-input/index.html"><span class="identifier">FormInput</span></a></code></td>
+<code><span class="keyword">abstract</span> <span class="keyword">class </span><span class="identifier">CheckInput</span>&nbsp;<span class="symbol">:</span>&nbsp;<a href="./index.html"><span class="identifier">Widget</span></a><span class="symbol">, </span><a href="../../pl.treksoft.kvision.form/-form-input/index.html"><span class="identifier">FormInput</span></a><span class="symbol">, </span><a href="../../pl.treksoft.kvision.state/-observable-state/index.html"><span class="identifier">ObservableState</span></a><span class="symbol">&lt;</span><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html"><span class="identifier">Boolean</span></a><span class="symbol">&gt;</span></code></td>
</tr>
<tr>
<td>
@@ -855,7 +943,16 @@
</td>
<td>
<p>Range input component.</p>
-<code><span class="keyword">open</span> <span class="keyword">class </span><span class="identifier">RangeInput</span>&nbsp;<span class="symbol">:</span>&nbsp;<a href="./index.html"><span class="identifier">Widget</span></a><span class="symbol">, </span><a href="../../pl.treksoft.kvision.form/-form-input/index.html"><span class="identifier">FormInput</span></a></code></td>
+<code><span class="keyword">open</span> <span class="keyword">class </span><span class="identifier">RangeInput</span>&nbsp;<span class="symbol">:</span>&nbsp;<a href="./index.html"><span class="identifier">Widget</span></a><span class="symbol">, </span><a href="../../pl.treksoft.kvision.form/-form-input/index.html"><span class="identifier">FormInput</span></a><span class="symbol">, </span><a href="../../pl.treksoft.kvision.state/-observable-state/index.html"><span class="identifier">ObservableState</span></a><span class="symbol">&lt;</span><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-number/index.html"><span class="identifier">Number</span></a><span class="symbol">?</span><span class="symbol">&gt;</span></code></td>
+</tr>
+<tr>
+<td>
+(js)
+<h4><a href="../../pl.treksoft.kvision.react/-react/index.html">React</a></h4>
+</td>
+<td>
+<p>React component for KVision with support for state holder.</p>
+<code><span class="keyword">class </span><span class="identifier">React</span><span class="symbol">&lt;</span><span class="identifier">S</span><span class="symbol">&gt;</span>&nbsp;<span class="symbol">:</span>&nbsp;<a href="./index.html"><span class="identifier">Widget</span></a><span class="symbol">, </span><a href="../../pl.treksoft.kvision.state/-observable-state/index.html"><span class="identifier">ObservableState</span></a><span class="symbol">&lt;</span><span class="identifier">S</span><span class="symbol">&gt;</span></code></td>
</tr>
<tr>
<td>
@@ -882,7 +979,7 @@
</td>
<td>
<p>The basic component for spinner control.</p>
-<code><span class="keyword">open</span> <span class="keyword">class </span><span class="identifier">SpinnerInput</span>&nbsp;<span class="symbol">:</span>&nbsp;<a href="./index.html"><span class="identifier">Widget</span></a><span class="symbol">, </span><a href="../../pl.treksoft.kvision.form/-form-input/index.html"><span class="identifier">FormInput</span></a></code></td>
+<code><span class="keyword">open</span> <span class="keyword">class </span><span class="identifier">SpinnerInput</span>&nbsp;<span class="symbol">:</span>&nbsp;<a href="./index.html"><span class="identifier">Widget</span></a><span class="symbol">, </span><a href="../../pl.treksoft.kvision.form/-form-input/index.html"><span class="identifier">FormInput</span></a><span class="symbol">, </span><a href="../../pl.treksoft.kvision.state/-observable-state/index.html"><span class="identifier">ObservableState</span></a><span class="symbol">&lt;</span><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-number/index.html"><span class="identifier">Number</span></a><span class="symbol">?</span><span class="symbol">&gt;</span></code></td>
</tr>
<tr>
<td>
@@ -891,7 +988,7 @@
</td>
<td>
<p>A class which binds the given container to the observable state.</p>
-<code><span class="keyword">class </span><span class="identifier">StateBinding</span><span class="symbol">&lt;</span><span class="identifier">S</span>&nbsp;<span class="symbol">:</span>&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/index.html"><span class="identifier">Any</span></a><span class="symbol">, </span><span class="identifier">CONT</span>&nbsp;<span class="symbol">:</span>&nbsp;<a href="../-container/index.html"><span class="identifier">Container</span></a><span class="symbol">, </span><span class="identifier">CONTENT</span><span class="symbol">&gt;</span>&nbsp;<span class="symbol">:</span>&nbsp;<a href="./index.html"><span class="identifier">Widget</span></a></code></td>
+<code><span class="keyword">class </span><s><span class="identifier">StateBinding</span></s><span class="symbol">&lt;</span><span class="identifier">S</span>&nbsp;<span class="symbol">:</span>&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/index.html"><span class="identifier">Any</span></a><span class="symbol">, </span><span class="identifier">CONT</span>&nbsp;<span class="symbol">:</span>&nbsp;<a href="../-container/index.html"><span class="identifier">Container</span></a><span class="symbol">, </span><span class="identifier">CONTENT</span><span class="symbol">&gt;</span>&nbsp;<span class="symbol">:</span>&nbsp;<a href="./index.html"><span class="identifier">Widget</span></a></code></td>
</tr>
<tr>
<td>
@@ -905,6 +1002,15 @@
<tr>
<td>
(js)
+<h4><a href="../../pl.treksoft.kvision.html/-text-node/index.html">TextNode</a></h4>
+</td>
+<td>
+<p>Simple component for rendering text DOM node.</p>
+<code><span class="keyword">open</span> <span class="keyword">class </span><span class="identifier">TextNode</span>&nbsp;<span class="symbol">:</span>&nbsp;<a href="./index.html"><span class="identifier">Widget</span></a></code></td>
+</tr>
+<tr>
+<td>
+(js)
<h4><a href="../../pl.treksoft.kvision.form.upload/-upload-input/index.html">UploadInput</a></h4>
</td>
<td>
diff --git a/api/pl.treksoft.kvision.core/-widget/show-anim.html b/api/pl.treksoft.kvision.core/-widget/show-anim.html
new file mode 100644
index 00000000..4f8d0231
--- /dev/null
+++ b/api/pl.treksoft.kvision.core/-widget/show-anim.html
@@ -0,0 +1,24 @@
+<HTML>
+<HEAD>
+<meta charset="UTF-8">
+<title>Widget.showAnim - 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.core</a>&nbsp;/&nbsp;<a href="index.html">Widget</a>&nbsp;/&nbsp;<a href="./show-anim.html">showAnim</a><br/>
+<br/>
+<h1>showAnim</h1>
+(js) <a name="pl.treksoft.kvision.core.Widget$showAnim(kotlin.Int, pl.treksoft.kvision.core.Easing, kotlin.Function0((kotlin.Unit)))"></a>
+<code><span class="keyword">open</span> <span class="keyword">fun </span><span class="identifier">showAnim</span><span class="symbol">(</span><span class="identifier" id="pl.treksoft.kvision.core.Widget$showAnim(kotlin.Int, pl.treksoft.kvision.core.Easing, kotlin.Function0((kotlin.Unit)))/duration">duration</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>&nbsp;<span class="symbol">=</span>&nbsp;400<span class="symbol">, </span><span class="identifier" id="pl.treksoft.kvision.core.Widget$showAnim(kotlin.Int, pl.treksoft.kvision.core.Easing, kotlin.Function0((kotlin.Unit)))/easing">easing</span><span class="symbol">:</span>&nbsp;<a href="../-easing/index.html"><span class="identifier">Easing</span></a>&nbsp;<span class="symbol">=</span>&nbsp;Easing.SWING<span class="symbol">, </span><span class="identifier" id="pl.treksoft.kvision.core.Widget$showAnim(kotlin.Int, pl.treksoft.kvision.core.Easing, kotlin.Function0((kotlin.Unit)))/complete">complete</span><span class="symbol">:</span>&nbsp;<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><span class="symbol">)</span><span class="symbol">?</span>&nbsp;<span class="symbol">=</span>&nbsp;null<span class="symbol">)</span><span class="symbol">: </span><a href="index.html"><span class="identifier">Widget</span></a></code>
+<p>Shows current widget with animation effect.</p>
+<h3>Parameters</h3>
+<p><a name="duration"></a>
+<code>duration</code> - a duration of the animation</p>
+<p><a name="easing"></a>
+<code>easing</code> - an easing function to use</p>
+<p><a name="complete"></a>
+<code>complete</code> - a callback function called after the animation completes</p>
+<p><strong>Return</strong><br/>
+current widget</p>
+</BODY>
+</HTML>
diff --git a/api/pl.treksoft.kvision.core/-widget/slide-down.html b/api/pl.treksoft.kvision.core/-widget/slide-down.html
new file mode 100644
index 00000000..3cf703bc
--- /dev/null
+++ b/api/pl.treksoft.kvision.core/-widget/slide-down.html
@@ -0,0 +1,24 @@
+<HTML>
+<HEAD>
+<meta charset="UTF-8">
+<title>Widget.slideDown - 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.core</a>&nbsp;/&nbsp;<a href="index.html">Widget</a>&nbsp;/&nbsp;<a href="./slide-down.html">slideDown</a><br/>
+<br/>
+<h1>slideDown</h1>
+(js) <a name="pl.treksoft.kvision.core.Widget$slideDown(kotlin.Int, pl.treksoft.kvision.core.Easing, kotlin.Function0((kotlin.Unit)))"></a>
+<code><span class="keyword">open</span> <span class="keyword">fun </span><span class="identifier">slideDown</span><span class="symbol">(</span><span class="identifier" id="pl.treksoft.kvision.core.Widget$slideDown(kotlin.Int, pl.treksoft.kvision.core.Easing, kotlin.Function0((kotlin.Unit)))/duration">duration</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>&nbsp;<span class="symbol">=</span>&nbsp;400<span class="symbol">, </span><span class="identifier" id="pl.treksoft.kvision.core.Widget$slideDown(kotlin.Int, pl.treksoft.kvision.core.Easing, kotlin.Function0((kotlin.Unit)))/easing">easing</span><span class="symbol">:</span>&nbsp;<a href="../-easing/index.html"><span class="identifier">Easing</span></a>&nbsp;<span class="symbol">=</span>&nbsp;Easing.SWING<span class="symbol">, </span><span class="identifier" id="pl.treksoft.kvision.core.Widget$slideDown(kotlin.Int, pl.treksoft.kvision.core.Easing, kotlin.Function0((kotlin.Unit)))/complete">complete</span><span class="symbol">:</span>&nbsp;<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><span class="symbol">)</span><span class="symbol">?</span>&nbsp;<span class="symbol">=</span>&nbsp;null<span class="symbol">)</span><span class="symbol">: </span><a href="index.html"><span class="identifier">Widget</span></a></code>
+<p>Shows current widget with slide down effect.</p>
+<h3>Parameters</h3>
+<p><a name="duration"></a>
+<code>duration</code> - a duration of the animation</p>
+<p><a name="easing"></a>
+<code>easing</code> - an easing function to use</p>
+<p><a name="complete"></a>
+<code>complete</code> - a callback function called after the animation completes</p>
+<p><strong>Return</strong><br/>
+current widget</p>
+</BODY>
+</HTML>
diff --git a/api/pl.treksoft.kvision.core/-widget/slide-up.html b/api/pl.treksoft.kvision.core/-widget/slide-up.html
new file mode 100644
index 00000000..298fac17
--- /dev/null
+++ b/api/pl.treksoft.kvision.core/-widget/slide-up.html
@@ -0,0 +1,24 @@
+<HTML>
+<HEAD>
+<meta charset="UTF-8">
+<title>Widget.slideUp - 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.core</a>&nbsp;/&nbsp;<a href="index.html">Widget</a>&nbsp;/&nbsp;<a href="./slide-up.html">slideUp</a><br/>
+<br/>
+<h1>slideUp</h1>
+(js) <a name="pl.treksoft.kvision.core.Widget$slideUp(kotlin.Int, pl.treksoft.kvision.core.Easing, kotlin.Function0((kotlin.Unit)))"></a>
+<code><span class="keyword">open</span> <span class="keyword">fun </span><span class="identifier">slideUp</span><span class="symbol">(</span><span class="identifier" id="pl.treksoft.kvision.core.Widget$slideUp(kotlin.Int, pl.treksoft.kvision.core.Easing, kotlin.Function0((kotlin.Unit)))/duration">duration</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>&nbsp;<span class="symbol">=</span>&nbsp;400<span class="symbol">, </span><span class="identifier" id="pl.treksoft.kvision.core.Widget$slideUp(kotlin.Int, pl.treksoft.kvision.core.Easing, kotlin.Function0((kotlin.Unit)))/easing">easing</span><span class="symbol">:</span>&nbsp;<a href="../-easing/index.html"><span class="identifier">Easing</span></a>&nbsp;<span class="symbol">=</span>&nbsp;Easing.SWING<span class="symbol">, </span><span class="identifier" id="pl.treksoft.kvision.core.Widget$slideUp(kotlin.Int, pl.treksoft.kvision.core.Easing, kotlin.Function0((kotlin.Unit)))/complete">complete</span><span class="symbol">:</span>&nbsp;<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><span class="symbol">)</span><span class="symbol">?</span>&nbsp;<span class="symbol">=</span>&nbsp;null<span class="symbol">)</span><span class="symbol">: </span><a href="index.html"><span class="identifier">Widget</span></a></code>
+<p>Hides current widget with slide up effect.</p>
+<h3>Parameters</h3>
+<p><a name="duration"></a>
+<code>duration</code> - a duration of the animation</p>
+<p><a name="easing"></a>
+<code>easing</code> - an easing function to use</p>
+<p><a name="complete"></a>
+<code>complete</code> - a callback function called after the animation completes</p>
+<p><strong>Return</strong><br/>
+current widget</p>
+</BODY>
+</HTML>