<Icon /> does not support ref on its rendered <span />

[quisido]

Expected Behavior

<Icon spanRef={myFunc} /> should let me grab the resultant span's DOM element (or null).

Current Behavior

No such property exists.

Context

Was wanting to create an Icon element that has a CSS opacity:0 and transition-property:opacity that immediately becomes CSS opacity:1 on render. However, there is no way to grab the Icon's span on render, currently, to manipulate it. I feel this could also apply to any other scenario besides my own.

[oliviertassinari]

@CharlesStover Use the innerRef property. In the future, we will forward the ref to the root element: #10825. From your use case, I would rather be using the style property.