zoriya/v10
1
0
Fork 0
mirror of https://github.com/zoriya/v10.git synced 2026-08-16 02:45:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(site): use client:idle for ejected skin tabs so hidden panels hydrate (#1137)

Browse Source
This commit is contained in:
rahim
2026-03-25 23:09:10 -07:00
committed by GitHub
parent e11510c541
commit 17a73cb3dd
1 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
site/src/components/docs/EjectedSkin.astro
+12 -12
View File
@@ -15,43 +15,43 @@ const skin = entry.data;
{
skin.platform === "react" ? (
<TabsRoot client:visible>
<TabsList client:visible label={`${skin.name} implementation`}>
<Tab client:visible value="tsx" initial>
<TabsRoot client:idle>
<TabsList client:idle label={`${skin.name} implementation`}>
<Tab client:idle value="tsx" initial>
Skin.tsx
</Tab>
{skin.css && (
<Tab client:visible value="css">
<Tab client:idle value="css">
skin.css
</Tab>
)}
</TabsList>
<TabsPanel client:visible value="tsx" initial>
<TabsPanel client:idle value="tsx" initial>
<ServerCode code={skin.tsx!} lang="tsx" />
</TabsPanel>
{skin.css && (
<TabsPanel client:visible value="css">
<TabsPanel client:idle value="css">
<ServerCode code={skin.css} lang="css" />
</TabsPanel>
)}
</TabsRoot>
) : (
<TabsRoot client:visible>
<TabsList client:visible label={`${skin.name} implementation`}>
<Tab client:visible value="html" initial>
<TabsRoot client:idle>
<TabsList client:idle label={`${skin.name} implementation`}>
<Tab client:idle value="html" initial>
HTML
</Tab>
{skin.css && (
<Tab client:visible value="css">
<Tab client:idle value="css">
CSS
</Tab>
)}
</TabsList>
<TabsPanel client:visible value="html" initial>
<TabsPanel client:idle value="html" initial>
<ServerCode code={skin.html!} lang="html" />
</TabsPanel>
{skin.css && (
<TabsPanel client:visible value="css">
<TabsPanel client:idle value="css">
<ServerCode code={skin.css} lang="css" />
</TabsPanel>
)}