chore(website): add a link to playground on the navigation (#2575)

chore(website): add a link to playground on the top page
chakra-ui · May 10, 2024 · 6a7c53e · 6a7c53e
1 parent b63c88f
commit 6a7c53e
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/website/src/components/navbar.desktop.tsx b/website/src/components/navbar.desktop.tsx
@@ -25,6 +25,12 @@ export const DesktopNavBar = () => {
       <HStack gap="4">
         <NavLink href="/docs">Docs</NavLink>
         <NavLink href="/learn">Learn</NavLink>
+        <NavLink href="https://play.panda-css.com/" isExternal>
+          <HStack>
+            <span>Playground</span>
+            <ButtonIcon icon="ExternalLink" />
+          </HStack>
+        </NavLink>
         <NavLink href="https://github.com/chakra-ui/panda" isExternal>
           <HStack>
             <span>Github</span>

diff --git a/website/src/components/navbar.mobile.tsx b/website/src/components/navbar.mobile.tsx
@@ -73,6 +73,12 @@ export const MobileNavBar = () => {
               <Stack align="flex-start">
                 <NavLink href="/docs">Docs</NavLink>
                 <NavLink href="/learn">Learn</NavLink>
+                <NavLink href="https://play.panda-css.com/" isExternal>
+                  <HStack>
+                    <span>Playground</span>
+                    <ButtonIcon icon="ExternalLink" />
+                  </HStack>
+                </NavLink>
                 <NavLink href="https://github.com/chakra-ui/panda" isExternal>
                   <HStack>
                     <span>Github</span>