stenciljs/core

feat: support prop casing for SVG attributes

Closed

#5,674 建立於 2024年4月16日

在 GitHub 查看
 (1 留言) (0 反應) (0 負責人)TypeScript (844 fork)auto 404
Feature: Want this? Upvote it!Help Wanted

倉庫指標

Star
 (13,111 star)
PR 合併指標
 (PR 指標待抓取)

描述

Prerequisites

Describe the Feature Request

It'd be useful to support prop case for SVG attributes (similar to React).

Describe the Use Case

Spreading an object with props onto an SVG will not render properly and warnings/errors will be swallowed.

See repro case.

Describe Preferred Solution

SVG props get mapped to attributes.

In the following example, strokeWidth would be mapped and rendered as stroke-width

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 10">
  <circle cx={15} cy={5} r={3} stroke="green" strokeWidth={3} />
</svg>

Describe Alternatives

No response

Related Code

No response

Additional Information

No response

貢獻者指南