# Widget Helper stripping attributes?

**URL:** <https://meta.discourse.org/t/widget-helper-stripping-attributes/68014>\
**Category:** Development\
**Created:** [August 14, 2017, 2:06pm UTC](https://meta.discourse.org/t/widget-helper-stripping-attributes/68014 "2017-08-14T14:06:56Z")\
**Posts on this page:** 1\
**Showing post:** 4

<div class="post-metadata">

**Author:** ![gormus](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/gormus/32/428592_2.png) [@gormus](https://meta.discourse.org/u/gormus)\
**Post date:** [May 15, 2023, 11:26pm UTC](https://meta.discourse.org/t/widget-helper-stripping-attributes/68014/4 "2023-05-15T23:26:09Z")

</div>

With the help of this topic, I was able to create an SVG object using the `h` helper:

```js
    let logo = h("svg", {
        "attributes": {
          "width": "22",
          "height": "24",
          "viewBox": "0 0 22 24",
          "fill": "none",
          "xmlns": "http://www.w3.org/2000/svg"
        }
      },
      h("path", {
        "attributes": {
          "d": "M11.5992 4.29387L15.4141 ... 0V4.29387Z",
          "fill": "#000000"
        }
      })
    );

```

However, I see that the `viewBox`(\*) attribute is always rendered in all lower-case.

The SVG image is generated with all defined attributes (\*), but it does not render on the page. What am I missing?

I realize this is provided by the [virtual-dom](https://github.com/Matt-Esch/virtual-dom) package, but I couldn’t find the solution there.

---

_[View the full topic](https://meta.discourse.org/t/widget-helper-stripping-attributes/68014)._