SVG support for metal-jsx?

[bryceosterhaus]

Does metal-jsx templating support svgs and their attributes? I am trying to to implement

<svg>
     <use xlink:href="">
     </use>
</svg>

And the xlink:href attribute doesn't seem to work.

One way I got around this was creating an attribute object and using an es6 spread

const xlink = {
    'xlink:href': href
}

<use {...xlink}></use>

Should we add additional parsing for metal-jsx so that xlink:href is supported or just side step the issue by using the attribute object?

[mairatma]

Thanks for reporting this! It seems to be an issue with the tool we're using to compile from jsx to incremental dom. At least when I try using this xlink:href attribute you've mentioned I get a compilation error, so I reported it there to see if we can get a fix.

[mairatma]

This has been fixed on babel-plugin-incremental-dom, and I've updated our preset to enable its usage.

Just make sure that you use version 0.0.3 or higher of babel-preset-metal-jsx (or if you're not using the preset, make sure that babel-plugin-incremental-dom is 3.3.0 or higher and sets namespaceAttributes to true).

[bryceosterhaus]

Thank you!