Qwik some properties use a kebab-case

[dejurin]

Additional context

For example: stop-color insted stopColor.

[cyberalien]

I wonder, why did you get error for stopColor, but not for gradientTransform few lines above it?

[dejurin]

For example, you can see for yourself by looking at an example of how to use SVG <stop offset="1" stop-color="#ca8a04" /> here https://github.com/fabian-hiller/valibot/blob/main/website/src/icons/LogoIcon.tsx

Types of Qwik

[cyberalien]

Forgot that gradientTransform is always camel case.

Thanks for screenshot, now I see what's the issue. React JSX uses camelCase for everything, including stopColor, Qwik works with unmodified SVG.

So issue here is React JSX transforms should not be applied to Qwik code samples.

[dejurin]

Forgot that gradientTransform is always camel case.

Thanks for screenshot, now I see what's the issue. React JSX uses camelCase for everything, including stopColor, Qwik works with unmodified SVG.

So issue here is React JSX transforms should not be applied to Qwik code samples.

Yep, Qwik use more natively properties. For example in React you use className in Qwik you use class .

[antfu]

PR welcome to fix it :)