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

feat(site): list required css imports per skin in preset reference (#1521)

Browse Source
This commit is contained in:
Renzo Delfino
2026-06-12 14:57:42 -03:00
committed by GitHub
parent 4a81e048a1
commit 1145f09e52
9 changed files with 34 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
site/src/components/docs/api-reference/PresetReference.astro
+10 -11
View File
@@ -142,17 +142,16 @@ const listFormat = new Intl.ListFormat('en', { style: 'long', type: 'unit' });
<dd>
<FrameworkCase frameworks={["react"]}>
{preset.react.skins.length > 0
? listFormat
.formatToParts(
preset.react.skins.map((s) => s.name),
)
.map((part) =>
part.type === "element" ? (
<MarkdownCode class="inline-block whitespace-nowrap">{`<${part.value}>`}</MarkdownCode>
) : (
<span>{part.value}</span>
),
)
? preset.react.skins.map((skin) => (
<div class="mb-2 last:mb-0">
<MarkdownCode class="inline-block whitespace-nowrap">{`<${skin.name}>`}</MarkdownCode>
{skin.cssImport && (
<div class="mt-0.5">
<MarkdownCode class="text-code inline-block whitespace-nowrap">{`import '${skin.cssImport}';`}</MarkdownCode>
</div>
)}
</div>
))
: "–"}
</FrameworkCase>
<FrameworkCase frameworks={["html"]}>