docs(cookbook): update class handling (#7411)

alimrb · maiieul · web-flow · commit 7d9ed00035f4 · 2025-04-02T22:01:28.000+02:00
* Update index.mdx

resulted in unexpected behavior when `props.class` was an array.
Updated to:

`class={[props.class, isActive &amp;&amp; activeClass ? activeClass : ""]}`

ensuring proper class concatenation and maintaining Tailwind's expected behavior.

This fixes styling inconsistencies and improves component reliability.

* Create kind-bees-grin.md

* chore: remove changeset

---------

Co-authored-by: maiieul &lt;maieul.chevalier@rosa.be&gt;
diff --git a/packages/docs/src/routes/docs/cookbook/nav-link/index.mdx b/packages/docs/src/routes/docs/cookbook/nav-link/index.mdx
@@ -51,7 +51,7 @@ export const NavLink = component$(
     return (
       <Link
         {...props}
-        class={`${props.class || ''} ${isActive && activeClass ? activeClass : ''}`}
+        class={[props.class, isActive && activeClass ? activeClass : ""]}
         
       >
         <Slot />

Original file line number	Diff line number	Diff line change
`@@ -51,7 +51,7 @@ export const NavLink = component$(`
`51`	`51`	`return (`
`52`	`52`	`<Link`
`53`	`53`	`{...props}`
`54`		- class={`${props.class \|\| ''} ${isActive && activeClass ? activeClass : ''}`}
	`54`	`+ class={[props.class, isActive && activeClass ? activeClass : ""]}`
`55`	`55`
`56`	`56`	`>`
`57`	`57`	`<Slot />`