From fa073e8d21cca1ed65109f315f94e41a0e7e71b1 Mon Sep 17 00:00:00 2001
From: Kelsey Jackson <kelseythej@gmail.com>
Date: Mon, 15 Dec 2025 14:01:32 -0600
Subject: [PATCH] updated sidebar (#1873)

* updated sidebar

* added video item

* fixed formatting

* update

---------

Co-authored-by: Cory LaViska <cory@abeautifulsite.net>
---
 .../webawesome/docs/_includes/sidebar.njk     | 20 ++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/packages/webawesome/docs/_includes/sidebar.njk b/packages/webawesome/docs/_includes/sidebar.njk
index 1f85fb8c9..fe26602c6 100644
--- a/packages/webawesome/docs/_includes/sidebar.njk
+++ b/packages/webawesome/docs/_includes/sidebar.njk
@@ -162,7 +162,25 @@
         <li><a href="/docs/components/tree-item/">Tree Item</a></li>
       </ul>
     </li>
-    <li><span class="is-planned wa-split">Video <span><a href="https://github.com/shoelace-style/webawesome/issues/985" target="_blank">{{ plannedBadge("A Web Awesome Kickstarter stretch goal!") }}</a>{{ proBadge( { description: "This will require access to Web Awesome Pro" }) }}</span></span></li>
+    <li>
+      <span class="wa-split">
+        <span>
+          <a href="/docs/components/video">Video</a>
+          <wa-icon name="flask" aria-hidden="true" class="icon-shrink"></wa-icon>
+        </span>
+        {{ proBadge() }}
+        <ul style="margin-block-start: var(--wa-space-3xs);">
+          <li>
+            <span class="wa-split">
+              <span>
+                <a href="/docs/components/video-item/">Video Item</a>
+              </li>
+              <wa-icon name="flask" aria-hidden="true" class="icon-shrink"></wa-icon>
+            </span>
+          </span>
+        </ul>
+      </span>
+    </li>
     <li><a href="/docs/components/zoomable-frame">Zoomable Frame</a></li>
     {# PLOP_NEW_COMPONENT_PLACEHOLDER #}
   </ul>