From da08ad037d2637da66b93692105fc43165d116d2 Mon Sep 17 00:00:00 2001
From: mikebender <mikebender@deephaven.io>
Date: Thu, 12 Dec 2024 15:58:14 -0500
Subject: [PATCH 1/5] chore(version): ui-v0.24.0

---
 package-lock.json              |  2 +-
 plugins/ui/CHANGELOG.md        | 15 +++++++++++++++
 plugins/ui/setup.cfg           |  2 +-
 plugins/ui/src/js/package.json |  2 +-
 4 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 7d00aff72..e5e78cc13 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -32318,7 +32318,7 @@
     },
     "plugins/ui/src/js": {
       "name": "@deephaven/js-plugin-ui",
-      "version": "0.23.1",
+      "version": "0.24.0",
       "license": "Apache-2.0",
       "dependencies": {
         "@deephaven/chart": "^0.99.0",
diff --git a/plugins/ui/CHANGELOG.md b/plugins/ui/CHANGELOG.md
index 28d768713..557e10ac6 100644
--- a/plugins/ui/CHANGELOG.md
+++ b/plugins/ui/CHANGELOG.md
@@ -2,6 +2,21 @@
 All notable changes to this project will be documented in this file. See [conventional commits](https://www.conventionalcommits.org/) for commit guidelines.
 
 - - -
+## ui-v0.24.0 - 2024-12-12
+#### Bug Fixes
+- UI loading duplicate panels in embed iframe (#1043) - (e1559a4) - Matthew Runyon
+#### Documentation
+- Working with Tables (#1059) - (6e73350) - dgodinez-dh
+- Importing and Exporting Components (#1054) - (21b752c) - dgodinez-dh
+- Your First Component (#1052) - (ce3843a) - dgodinez-dh
+- Add Stack with tabs to dashboard docs (#1048) - (cf0c994) - mofojed
+#### Features
+- ui.meter (#1032) - (6730aa9) - ethanalvizo
+- ui.avatar (#1027) - (2738a1d) - Akshat Jawne
+- Toast Implementation (#1030) - (e53b322) - dgodinez-dh
+
+- - -
+
 ## ui-v0.23.1 - 2024-11-23
 
 - - -
diff --git a/plugins/ui/setup.cfg b/plugins/ui/setup.cfg
index 4a4948d6c..c7129cdab 100644
--- a/plugins/ui/setup.cfg
+++ b/plugins/ui/setup.cfg
@@ -3,7 +3,7 @@ name = deephaven-plugin-ui
 description = deephaven.ui plugin
 long_description = file: README.md
 long_description_content_type = text/markdown
-version = 0.23.1.dev0
+version = 0.24.0
 url = https://github.com/deephaven/deephaven-plugins
 project_urls =
     Source Code = https://github.com/deephaven/deephaven-plugins
diff --git a/plugins/ui/src/js/package.json b/plugins/ui/src/js/package.json
index 57c71f8b3..a51cc6cf4 100644
--- a/plugins/ui/src/js/package.json
+++ b/plugins/ui/src/js/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@deephaven/js-plugin-ui",
-  "version": "0.23.1",
+  "version": "0.24.0",
   "description": "Deephaven UI plugin",
   "keywords": [
     "Deephaven",

From 0d20b6a3aa0becb82d2d4290f64c70920aba7d84 Mon Sep 17 00:00:00 2001
From: mikebender <mikebender@deephaven.io>
Date: Thu, 12 Dec 2024 15:58:14 -0500
Subject: [PATCH 2/5] chore(version): update ui version to 0.24.0.dev0

---
 plugins/ui/setup.cfg | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/plugins/ui/setup.cfg b/plugins/ui/setup.cfg
index c7129cdab..6af963036 100644
--- a/plugins/ui/setup.cfg
+++ b/plugins/ui/setup.cfg
@@ -3,7 +3,7 @@ name = deephaven-plugin-ui
 description = deephaven.ui plugin
 long_description = file: README.md
 long_description_content_type = text/markdown
-version = 0.24.0
+version = 0.24.0.dev0
 url = https://github.com/deephaven/deephaven-plugins
 project_urls =
     Source Code = https://github.com/deephaven/deephaven-plugins

From 9d7a3b31c027ccc75e241570568aaf2b46326e09 Mon Sep 17 00:00:00 2001
From: mikebender <mikebender@deephaven.io>
Date: Thu, 12 Dec 2024 16:17:37 -0500
Subject: [PATCH 3/5] chore(version): plotly-express-v0.12.1

---
 package-lock.json                          | 2 +-
 plugins/plotly-express/CHANGELOG.md        | 6 ++++++
 plugins/plotly-express/setup.cfg           | 2 +-
 plugins/plotly-express/src/js/package.json | 2 +-
 4 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index e5e78cc13..05d19d59e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -32033,7 +32033,7 @@
     },
     "plugins/plotly-express/src/js": {
       "name": "@deephaven/js-plugin-plotly-express",
-      "version": "0.12.0",
+      "version": "0.12.1",
       "license": "Apache-2.0",
       "dependencies": {
         "@deephaven/chart": "0.97.0",
diff --git a/plugins/plotly-express/CHANGELOG.md b/plugins/plotly-express/CHANGELOG.md
index dace500b4..88b82fa39 100644
--- a/plugins/plotly-express/CHANGELOG.md
+++ b/plugins/plotly-express/CHANGELOG.md
@@ -2,6 +2,12 @@
 All notable changes to this project will be documented in this file. See [conventional commits](https://www.conventionalcommits.org/) for commit guidelines.
 
 - - -
+## plotly-express-v0.12.1 - 2024-12-12
+#### Bug Fixes
+- switch to webgl by default for line plot (#992) - (2c7bc01) - Joe
+
+- - -
+
 ## plotly-express-v0.12.0 - 2024-11-23
 #### Bug Fixes
 - `dx` now respects the webgl flag (#934) - (9cdf1ee) - Joe
diff --git a/plugins/plotly-express/setup.cfg b/plugins/plotly-express/setup.cfg
index 7c1405431..32da8ac31 100644
--- a/plugins/plotly-express/setup.cfg
+++ b/plugins/plotly-express/setup.cfg
@@ -3,7 +3,7 @@ name = deephaven-plugin-plotly-express
 description = Deephaven Chart Plugin
 long_description = file: README.md
 long_description_content_type = text/markdown
-version = 0.12.0.dev0
+version = 0.12.1
 url = https://github.com/deephaven/deephaven-plugins
 project_urls =
     Source Code = https://github.com/deephaven/deephaven-plugins
diff --git a/plugins/plotly-express/src/js/package.json b/plugins/plotly-express/src/js/package.json
index 5bf082ab3..61c4739ef 100644
--- a/plugins/plotly-express/src/js/package.json
+++ b/plugins/plotly-express/src/js/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@deephaven/js-plugin-plotly-express",
-  "version": "0.12.0",
+  "version": "0.12.1",
   "description": "Deephaven plotly express plugin",
   "keywords": [
     "Deephaven",

From 3b34be4e91d402ddf61c8ae3518ba2e5a6f616eb Mon Sep 17 00:00:00 2001
From: mikebender <mikebender@deephaven.io>
Date: Thu, 12 Dec 2024 16:17:37 -0500
Subject: [PATCH 4/5] chore(version): update plotly-express version to
 0.12.1.dev0

---
 plugins/plotly-express/setup.cfg | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/plugins/plotly-express/setup.cfg b/plugins/plotly-express/setup.cfg
index 32da8ac31..501796c6c 100644
--- a/plugins/plotly-express/setup.cfg
+++ b/plugins/plotly-express/setup.cfg
@@ -3,7 +3,7 @@ name = deephaven-plugin-plotly-express
 description = Deephaven Chart Plugin
 long_description = file: README.md
 long_description_content_type = text/markdown
-version = 0.12.1
+version = 0.12.1.dev0
 url = https://github.com/deephaven/deephaven-plugins
 project_urls =
     Source Code = https://github.com/deephaven/deephaven-plugins

From 0ce76342ed9c2d1ce707bba3bb59956064023996 Mon Sep 17 00:00:00 2001
From: dgodinez-dh <77981300+dgodinez-dh@users.noreply.github.com>
Date: Fri, 13 Dec 2024 08:50:13 -0700
Subject: [PATCH 5/5] docs: Conditional Rendering (#1060)

https://deephaven.atlassian.net/browse/DOC-224

---------

Co-authored-by: margaretkennedy <82049573+margaretkennedy@users.noreply.github.com>
Co-authored-by: Mike Bender <mikebender@deephaven.io>
---
 .../docs/_assets/conditional_rendering1.png   | Bin 0 -> 8388 bytes
 .../docs/_assets/conditional_rendering2.png   | Bin 0 -> 9173 bytes
 .../docs/_assets/conditional_rendering3.png   | Bin 0 -> 6532 bytes
 .../docs/describing/conditional_rendering.md  | 191 ++++++++++++++++++
 plugins/ui/docs/sidebar.json                  |   4 +
 5 files changed, 195 insertions(+)
 create mode 100644 plugins/ui/docs/_assets/conditional_rendering1.png
 create mode 100644 plugins/ui/docs/_assets/conditional_rendering2.png
 create mode 100644 plugins/ui/docs/_assets/conditional_rendering3.png
 create mode 100644 plugins/ui/docs/describing/conditional_rendering.md

diff --git a/plugins/ui/docs/_assets/conditional_rendering1.png b/plugins/ui/docs/_assets/conditional_rendering1.png
new file mode 100644
index 0000000000000000000000000000000000000000..16dbe5eaf07b12194470018825d804da2bfb9082
GIT binary patch
literal 8388
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

literal 0
HcmV?d00001

diff --git a/plugins/ui/docs/_assets/conditional_rendering2.png b/plugins/ui/docs/_assets/conditional_rendering2.png
new file mode 100644
index 0000000000000000000000000000000000000000..98075135db1291f90ec898773fd58a167b2581b8
GIT binary patch
literal 9173
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

literal 0
HcmV?d00001

diff --git a/plugins/ui/docs/_assets/conditional_rendering3.png b/plugins/ui/docs/_assets/conditional_rendering3.png
new file mode 100644
index 0000000000000000000000000000000000000000..feae519d1a90bd82b56f38883392b44d8e1536f8
GIT binary patch
literal 6532
zcmeHMX;f3mwmyhTw}>dC3V~Ky866M>OdyC2#DRuJnPe1$pv({i1VU6AQKmE^gCfKx
zGAIHDnn?^n5dt!G8W}So0htUj3<)9AJ9yuE_uaMbk9*%*@8A7#a#FRb>eSw~_qV^j
z>;5ke2!(BXw*dg4aQ2MN1pttRfd8f6Z3TZHid#~_mkjCx;xtg*uQ>-cHV0b&Yz+Ve
zth~r?3)ucX;>;x!04POoJTi;`?Kl9~v*)ahwR4;go9-B_dA)cdl9Zluo6abndo)+I
zM}4~y>{WszA(dW~m;QLJc$4tT+uAK1UDV4zSzoyPQ}T`!g)PU*5|19+`h7<9t1T&A
z$yLcIZFz4`zjD2^Ym=d(X}laMvx}7d{7k82E!%%}=IiYXcK-g)yi#W><BIReW4Ij2
zesE(Kc7cMNx=<nu0B6pDy93VN-vIzWJeMa)hJ5qFy2OprW$DDJB`FpFp7yp<xQfzM
z-^;%0Qf}p14@t@?m7-*TQ(?^6rnQdzS2aw@YIvcvX1fFnN)0JVMs6&hu^(!#Mv(#9
z^!}ZWZ3fIljhqo(R#bOGx-TuGqY*|RLQVV=HnEhAZ?fa<6X`eED*b+&!IdMDMEOz?
z7I7iw<$j7&L}i0&3-x?tr9ZXfNEx!3YaGMuC;QLwHfyz}(dll+gXq6coRZ;UYP?}8
zl*lte1X+Jn8IpPtU8|MZ=*SntrRzs9_pC(A+UFXlmqG>btJEk^Qxl?D8^l<{u@csI
z4*Q{<HLk4wcjt^G&aK1&V?65zrY<%OBV1%oF4RbF4m61B6RB%fnVhlVeNX`C$C~Vg
zm=GFTRO@j`Swpefbuv+9#R^e|%8^oA(}_Ne<dteA|KMYx+vDWfKKD1S=5`0HI?1DP
ziKYDUoqg6T3u6TyUf9mm;hE5Ii#~Wwo#Tnmu4YIW?#@F@OsjZ0#JPovQa1KpAY%C9
z0Hel%8q9BSwZTdlf!eiI?B>ZSx>>}Q#+RX=Fa*xpr1_$ObR4pTXld0sC7yA@FeNX&
zkh*(0u_cmc<Cguu9H3AzJCIK3l^1+;9rK3RHU`cz!#B{As#tv?&fCcP^Y1&{SiU!W
zd!#T78zaVI=Bcs2%>sbARewZuVn!z~-iYxiqkBFi#6Ov1XZosoB#b;&Z?uWwFU#N$
zAPtzLACDUFU2Cnm@kU<yT8&<)-*7}L-!tAs(>+5814x)u6nK%24x>G~4;%X8Rm;wa
z&3jB;kk26^MGv%*hVq#~DBN?z0Fp~4Ft}8Takj#m#?4>oL7_dlb_kw#BeR$6oCH^N
zt>q_X47F6T)ys>`FbwyC`65RxzgUEv>tMy~+V894*JSCSy%DKPC&cJ52DWFgN5H?S
zH7IDP%#SA@qTJ75iU+u5$(s=lpqD(+4unGI<*N+02z(iZ+1!{`{)nXY_Og5MpKpwr
zMB!g6LDB)?97!oVSUY@HrDWJwq|wtzwQ?i}Y1z_o!W&qOp>{9l{djvnKS)0_i*IO5
zCqDRV9UU?fW{PPgG&N(6XB;ztCiUV2bkhr#o{kEI<G#A4JN9ax{ATV?=4Ra!MiW8@
zp2lCEpgq2lE2e2yFteula)lnbh8i|zzJ@kGuTsu^Y>cfPsa>9(ed1Vu<LcA6R@<t3
zqZ#o!@;T~*31vE<hM0mC1Y+SFLhT6lU?KTM;z+B~Lr4oM1D%<cb!6M%XoDHD%2auX
z%V<r-W-)Kzb)=kH^i~igZY{HDHi*Eqq49PC@2TkW#mXohJga<orHrj^(l_UjGg5{;
z=}Z0dB#syT42{=;NxYT|#NepZtSqBDVHQ5&w$`3V)^&T;cb9#2@c7cDzP=`Doc{0<
zXWh?44Rei{R507L(sG_Y+Eo)ZB`qSkHiT#Y&9WS$6C+DcYze;c`h;G!mE~6xUEYoo
z>R>bDkZpY(kyAG=|Dt6E)i&oM5H6)~$08HbKVp?2BS=EAZ}+2X)r11`Ya!8^N1?9`
z>Im5w$&o7C`GkQQ+K4ZjsCx|hDLdS75q9R=InU@pTQho43k0E`rD?6qP4U_AY`$Jq
z#b{bRqAF!jP*k{NsIjU$Qb_f@*tj%jFWAowqSb_&Hu8rHGCGQ;6X#w0_6d?p-SsY=
zN#X`27&xmTimtnYx^$fivFcGDa_pRHbi2#2e(^C`Bn+_&ou@X@vT&0pGaL_fjQ0o@
z-wB?ltbXQu6GztJ`GszmhLQW2lJY{?SZ<I&JW}NOc`-BHA#O^zJ#1koh_y51=CrJI
zHxEoU6D6eW@<<k~y3?=KjIF&=)~KI*cPL0cSo2sPbvi(HIUYV;Av`$-AE@2kedTGh
zZ_Jx<$E%IKY}(rwjZZ~iDcS6t)KfEc(3zoFPdeH;tg$ThD(6zdSK;U24pc>=86>@?
zF`gXmZ{2WIl||<>GddPI2J%&~Dx}J^qJ(<HptW_SK2>%TAbMnur$jm<BdtimLxp3q
z^!gV_&JR+fV0r_O8lJXrx^`qyf#%9L(ftOH4$+#OV;NZ=a)*7Ta%w?l$@``0iH~Bg
zCHhb(J}tGB_`3*H{7`)m?NV>K1^fMy^TLZWbNs&To?nuN?`_znj^aJM9?X^UJpz&7
z7mGJ5eU4x1Yh>TPd7tNTFCh9O&Qv{9otfb3(u&Khj}<p^LPNqkm&78q*ZEgUzO*zz
z;wb|CZ-Fc79mQBJpR@<9;R@FVk^h#H!}Xu#W>P>aysScbO8`Fy*zJO7rvGal59LYg
zeA2kG2IOk8z23YHLL%J-@`vW5yZ74utw#<3wxjlGo9BggDeO2Z0{}bD|2-({gRT$!
zcmPz=t!Fmi$lo4<p9LN${nH5k4};0&Q8x|_GcXx+I+h@woGH+w&S*ZTd8DnUiiC^r
zJ97%1^vA#zqe}3XUo@y@@?m4A;thkW9&${2SAq=9Jz}m1$V+0lT#jNf0-d0{Hxo<X
zy$Zo~yT4Q?aW;UPst5o!2;8HQBI^}gY&7k|WaYB=#wN+D_wmSs!>?s2N|{BYNkW4>
z^)PZKx0a8qX4#N$KK3~Qg*t@AyObVtT?Zw@VRJIGN)$Z_yo&g;;Z2%`(EjXX8^i^^
z+vAHZ4(w$aVC|Wb9XY_r>TzcCosPho5{8z2Ovp%o|9*c8C2F3+{W>(41P2##em5JZ
zYEmk+f4>qH{!1abds4fH2fI0A0zKT3nJ^ex8SS}&rETTW+bG#BjK-ZON#jnf%x<Xm
zw=*xwm@j(dp4gy8W#3Rwy)=3l+}zqj2mK8=z>c)Y_R!7h*!r$xw*>3#g37A*oh?Pz
zj?49iYA@N&8WO&;rew;InH^KuWx{$)CC5CI-REA}XH)OLPuMlvrJf#Jo_bYCGcbyh
z_~|!LaRgy}nG_A7zm4Xsv4$SGGxVOYQmZOR1&1t2Nz=^mg7#nOw@dIlx3*)^`Y#mo
zu7pl7Yq?2=rp0~aBF<fr<Sx|F?I{3A5}$ZPtH@P>^rvsmDmTH9IKp$1UVRV!?Sp?W
zu@~3qB$1SbM355s=a@oXX4Z$k3gSWtvwJH`Sxi+_g;c#2+3-;K<zj12E%R*Y)b8eU
zC)5}jYe|_QPo?mD+unuT3d^QFq$4ob`;JNw0jHAF@OpZFpbU9TS}d2AwOXLTgUJ9B
zz0ix4NWv28WkYyn3-8Nyzg_EzAAQ2qw$2L09SQr>Q{UaPAf0y&ZH;|0!j`$A10z+6
zIS?%f5-rR9tAmr8k(KF@Ae|H(s$MztN4Q0y!O4Di`x>=YU!;kvI+avTK2LBB4-bAx
zzQR4%yHC>!TK(SMcs*@qRM7avOAu#5eNFtDTNp`dwyb+Ih7LzJFSpXzO%(n~07%^7
za0q%3x3V?wC%HM<gIcR){wMOn^A|5RxBQi!V`TI>?P45M2*TUo0of%#3MJNdKWURw
zoa4woJpTEQiR)Q|_X&Q~9tKn08{zp3^JTW_n6?Hxv_*Ru88&b-z#zxCC}o7PJfM<g
zxw2udAx|zu+rNKD?N8FiOZ;p7aZ0&kjLR`d_+if2%(-6T93&Q5jamPwS4!cM%bhrh
z0dqf)*nd*8(ROpW_X?e;i(l&avF_XNtWU1ChI)6PE)^YS25OVDvL<IpMOLC@C0jY5
ztvPBNB~rg^Tk<$vaV*L01234Ka(&6sO1*5vg0tn+n9Hq6-_hj(t0|Gxl0s?BLc0I>
z2jm#^uJ`jjsu1){TqVZS@e}j+FZ|>02zZvqzK<~@NI&-q1)U8@&i$2QJoV`o2S!C5
zkgp|I8uLqz&R_~^->%T#onBcVEYPIEPh+B2Y80MZ?TK>vo%I`q5DT#(TjP-=>O^r=
z^i(kP^~|H|)t-;;Kd;Q+%F{T#5nK(w$0L7Ly!24?QCl<D(~)mMNUW%R8}0Wh{?8lx
zZ98V&tE%|Jk#CB$AxCvpAVa=8juPj|Genft=|qSX^q5;YviZxROD2yUC2exNwE_L8
zX@5K(9r!}TtIC%vhr5K4qqqiVkd}Gc_8pB(mGa|ksk(?cpjs@B?47Nk8#?UTYg}&-
zdzxY#pV@80e4Y2ZUo952>!0&W)~_9yr*j6wg&?EuDQnvxJgDi1Y7aOr`rD7kY8Xb6
zRzAh)lqslUBWbg1pLz=P;B8;U%T0C6z1cZwSt1^hq_QYF5!XYT1gwOX4%(lZ)o_QQ
z@!!$~{BZIn7$?}EMWbMY(75&6gHHRpU5=nr!m{26J;w>FC%v8B{U+#7_aZIHFYlDo
zvuN)20nB<n?Sayzj3*2flxOBsgw1?+{Pj?R?2P`mQ!-J8bfl2m<sR#l;NwP~DH<AE
zHlcqdQnH&LqXS}ZdDVU;vVO$lBiyPwd9ESq+InlP_19WF;!9^QUqB$jm|ZFx1meS^
z`&qCa;&n4B$@x6L*-NyLbSZj8Vf4J@4*c}>X#aJs9p+yyL3DRR%+z3mmBYyDm6&!i
zDz5~|;(jWw-vqRcp#n-+QIWgiv{Yn+cNsAGj@|m$tlKws|FmfzX1}1ft*9=ly##+#
zel$O&{=4u1KK$$AW;{NjSOCp=z$V{l{tDBC&NBHe_V0Vs-JDurm*9{?qzf1CwOcAi
z8rkP)NGy~A0InW*5PI0P3|W7~z^CKNj6h3(f<3O`ypQ4gp~o)A-h>|H8$E2*O7HNj
zH^uETW+u6Iff&>%ednX}V>@2QBqB)zD_1hT8IO#wud{^p7nZtTlNLi4rPre-s(n+P
z6B*qtxx-w{-X{6sKRL&CUgMa_lcZzr6~uYcp{TJde8Uvofk3HRFgs;QAeEzPII`>_
zeL;75Q>P4h^r7lq8yZ_wVb#1RcXA?W^mXQkKKDdeME*1DOBqH?wp3o&O38k%g2Na$
z4V<l>(@PqL?_JF;5K6w|8pjDIX%o4n=+>UN8x7LK9_`16k-x8qI@im56+9BIeNYA3
zW~S_I5!FlLfxgOJblnG-E*v{sp}3Nm+WoU=<@hjTIyPth<{JIkQlO2+HF`<?TJ&-!
zFW}{2T9(EE`6`4hx%h2FQp-rc@0{Z?=rKWC(klDw?VFA~@2m**$`7$t<fwhLy&Ts`
ziS+Onlcg4~G>zEL$eTLCMkAlGE{UZE=dML%sbjYZe6PR-TU+S~`twzsIn*4Dj07X1
zd*a2WzfiyFzK{h@?Jr@`3>>nd<1V^j2vxBm&pd;bULRelDVaQ8wOU|u;CtZK#r;sY
zZc59!=>@&JHGzU-o#n+KfqsM0x_Cec0BvV?LU1{^sXWv9nk&s{*jP1)|F0>ewl@<0
ziI_$Jh`3`z4m?PziXcXqRg2m0J13np@-;#B;gB}FrkUx6ENf8GkZqI=3t~Kov2+bK
ziCi#O{BARF%hBea)2qV|JM0i+8X&#e@zb{v-fMln;v3f^ramyh&WPRW5*B9dAKLRH
zBz=V}ufI)Vy<>_#ho4W@apQp{qFe1vU#TR4W9i#$!vwI>(&p#2HW@ChK5ia$H5^>d
zJVPGCr;?8R&-8ZXZkd0Z<bmS;HzS1RQ=GhMAla*`5WkWJg9V=WawUk#5vu^1uLc3@
zKDewQMZv-XA)<6`-QQ@qZe+m`SsO0>6gJer+iW)$EN2Seb&;Qx<%ymF%Q%|vpWBe9
za(FJOL7!IVFNAPDQ@F;i95tVC@)@Kc=2N{Gy)+xQHb2YR0^G7fm75Uf7tfg-9@gUd
zR9bip_)zb63PIL+zP^!DU+y%(qsJW|P6*v7+W>*&IU91WV6^M>m6n(~;ds$>(Pxzx
z9cJ1{K3H9V3Qc7XXnbV`i4$3$mPh0AJI<mETtBzFhI}kTmegTB|3Yzk-bw4JVsINq
z@Vr5r1fl)Q=^6#SP9*?%MY`y5CJC0u43u3PF=6987fhG*oripD&EupNi+}J#C0_1Q
zW5JrsM_(&!2cpiHe+{0;3?Mv6Y3ror@(4SWA<D+fP>j^|<smg}KEfgC>U2D<+bZxR
zZb!o)Bk*8ZwHg)_;mgd!5~R`RCBwZN6(<2|A?-A3o6GWt&Hy8yU^dk&S`w!J0?j#6
z@kfnawCv}d6ysHky@DC|qSsiLbG-FO;`o(#RZz)e`nCw&P2+AyAE$TKS)*HDy|G*k
zVq3TRo(SU90&!#VX~ZzQP~kNSCB91C9AZ*a$5O3s*hoOkUpuNmt_Evw4ZjbYunzx$
z>18AFJ5W|g_1H!6;837p;%<LFI+qiOWP1mnbHVA@AWRN##SXfdV>ZqJ!Mk6=x?t~B
zn9&VaHuiZP?kQAj7L<JXyniWE&_rVlKe>>5<e+pPGf+1V6GECfr?xNC;=832yG<g?
zA7lEXjkLMv5Qb1wBscXfYCyH$7xb65?4t3N7yZj-4Z(wbwo@IjODAxwY{&4R9XxqO
z`4EZ7cwRo`#BOr2kITKsej8~5D8C&!*L}1L`N;*;U$6p#iWO|)^tpTYl{{@3wHVCG
z$|MtEF5YjT8X5w27<MP5XeQ;jYk5L?CyJH7Uh`LU2_8-L0f31K2V>~?;EP&oX>kWF
z*XYN`HGydZUz$vriN8#QAx-kM2Rdo283JYWz8!pezCGS3k(qSsGKzRcO}BomfWfIh
za?m4|^1+9hBsl(AtFQAk+a)A$*F{Vek?2^4&adn&EDgbx6V^k@V5-{zV3hgX4zZv=
zHTIMgS6)%Z^R8Ultp_i%FyRhf2$^d9qmRk=GaS}(L5hY4ztk7G6RC`vD3hR79{fn)
zB){D!xYZ}KS-p^$Dr?$sMJGLNJ}x0)(47`v%b=HYWAw{Nhr>Yq+&ww8k?i$b{hxEd
zzr(}7kTCvd@PG9DzpexRp_uUhYa4&&bEPsWNtin+uSnpH33wr4>tIuT`tqIs0<@Dk
A3jhEB

literal 0
HcmV?d00001

diff --git a/plugins/ui/docs/describing/conditional_rendering.md b/plugins/ui/docs/describing/conditional_rendering.md
new file mode 100644
index 000000000..bd92cec11
--- /dev/null
+++ b/plugins/ui/docs/describing/conditional_rendering.md
@@ -0,0 +1,191 @@
+# Conditional Rendering
+
+Your components will often need to display different things depending on different conditions. In `deephaven.ui`, you can conditionally render components using Python syntax like if statements, the `and` operator, and the ternary operator.
+
+## Conditional returning
+
+Consider a `packing_list` component rendering several `item` components, which can be marked as packed or not:
+
+```python
+from deephaven import ui
+
+
+@ui.component
+def item(name, is_packed):
+    return ui.text("- ", name)
+
+
+@ui.component
+def packing_list():
+    return ui.flex(
+        ui.heading("Packing list"),
+        item("Clothes", is_packed=True),
+        item("Shoes", is_packed=True),
+        item("Wallet", is_packed=False),
+        direction="column",
+    )
+
+
+my_packing_list = packing_list()
+```
+
+![my_packing_list](../_assets/conditional_rendering1.png)
+
+Some of the `item` components have their `is_packed` prop set to `True` instead of `False`. 
+
+To add a checkmark (✅) to packed items if `is_packed=True`, you can write an if/else statement like so:
+
+
+```python
+from deephaven import ui
+
+
+@ui.component
+def item(name, is_packed):
+    if is_packed:
+        return ui.text("- ", name + " ✅")
+    return ui.text("- ", name)
+
+
+@ui.component
+def packing_list():
+    return ui.flex(
+        ui.heading("Packing list"),
+        item("Clothes", is_packed=True),
+        item("Shoes", is_packed=True),
+        item("Wallet", is_packed=False),
+        direction="column",
+    )
+
+
+my_packing_list = packing_list()
+```
+
+![my_packing_list2](../_assets/conditional_rendering2.png)
+
+Notice you are creating branching logic with Python's `if` and `return` statements. In `deephaven.ui`, control flow (like conditions) is handled by Python.
+
+### Conditionally return nothing with `None`
+
+In some situations, you do not want to render anything at all. For example, you do not want to show any packed items. A component must return something. In this case, you can return `None`:
+
+```python
+from deephaven import ui
+
+
+@ui.component
+def item(name, is_packed):
+    if is_packed:
+        return None
+    return ui.text("- ", name)
+
+
+@ui.component
+def packing_list():
+    return ui.flex(
+        ui.heading("Packing list"),
+        item("Clothes", is_packed=True),
+        item("Shoes", is_packed=True),
+        item("Wallet", is_packed=False),
+        direction="column",
+    )
+
+
+my_packing_list = packing_list()
+```
+
+![my_packing_list3](../_assets/conditional_rendering3.png)
+
+If `is_packed` is `True`, the component will return nothing. Otherwise, it will return a component to render.
+
+In practice, returning `None` from a component is not common because it might surprise a developer trying to render it. More often, you would conditionally include or exclude the component in the parent component. The next section explains how to do that.
+
+## Conditionally including components
+
+In the previous example, you controlled which component would be returned by using an [`if`/`else` statement](https://docs.python.org/3/tutorial/controlflow.html#if-statements). This led to some code duplication. You can remove this duplication by conditionally including components.
+
+### Conditional ternary
+
+Python has a [ternary conditional](https://docs.python.org/3/reference/expressions.html#conditional-expressions) in the form: `a if condition else b`. This can simplify the `item` component.
+
+```python
+from deephaven import ui
+
+
+@ui.component
+def item(name, is_packed):
+    return ui.text("- ", name + " ✅" if is_packed else name)
+
+
+@ui.component
+def packing_list():
+    return ui.flex(
+        ui.heading("Packing list"),
+        item("Clothes", is_packed=True),
+        item("Shoes", is_packed=True),
+        item("Wallet", is_packed=False),
+        direction="column",
+    )
+
+
+my_packing_list = packing_list()
+```
+
+### Logical `and` operator
+
+Another common shortcut is the Python [logical `and` operator](https://docs.python.org/3/reference/expressions.html#and). Inside `deephaven.ui` components, it often comes up when you want to render a component when the condition is `True`, or render nothing otherwise. With `and`, you could conditionally render the checkmark only if `is_packed` is `True`:
+
+```python
+from deephaven import ui
+
+
+@ui.component
+def item(name, is_packed):
+    return ui.text("- ", name, is_packed and " ✅")
+
+
+@ui.component
+def packing_list():
+    return ui.flex(
+        ui.heading("Packing list"),
+        item("Clothes", is_packed=True),
+        item("Shoes", is_packed=True),
+        item("Wallet", is_packed=False),
+        direction="column",
+    )
+
+
+my_packing_list = packing_list()
+```
+
+A Python `and` expression returns the value of its right side (in our case, the checkmark) if the left side (our condition) is `True`. But if the condition is `False`, the whole expression becomes `False`. `deephaven.ui` considers `False` to be like `None` and does not render anything in its place.
+
+### Conditionally assigning to a variable
+
+When the shortcuts get in the way of writing plain code, try using an `if` statement and a variable. You can reassign variables, so start by providing the default content you want to display. Use an `if` statement to reassign an expression to `item_content` if `is_packed` is `True`.
+
+```python
+from deephaven import ui
+
+
+@ui.component
+def item(name, is_packed):
+    item_content = name
+    if is_packed:
+        item_content = name + " ✅"
+    return ui.text("- ", item_content)
+
+
+@ui.component
+def packing_list():
+    return ui.flex(
+        ui.heading("Packing list"),
+        item("Clothes", is_packed=True),
+        item("Shoes", is_packed=True),
+        item("Wallet", is_packed=False),
+        direction="column",
+    )
+
+
+my_packing_list = packing_list()
+```
diff --git a/plugins/ui/docs/sidebar.json b/plugins/ui/docs/sidebar.json
index cce11e0b9..fbbb118d1 100644
--- a/plugins/ui/docs/sidebar.json
+++ b/plugins/ui/docs/sidebar.json
@@ -36,6 +36,10 @@
           {
             "label": "Working with Tables",
             "path": "describing/work_with_tables.md"
+          },
+          {
+            "label": "Conditional Rendering",
+            "path": "describing/conditional_rendering.md"
           }
         ]
       },