You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Use the Icon component with type="external-link" and a label prop: <Icon type="external-link" label={"opens in a new window"} />
You will see this rendered HTML:
<span aria-hidden="false" class="Icon Icon--external-link">
<div class="Offscreen">opens in a new window</div>
<svg xmlns="http://www.w3.org/2000/svg" overflow="visible" preserveAspectRatio="none" viewBox="0 0 24 24"
height="24" width="24">...</svg>
</span>
Steps to reproduce
Icon
component withtype="external-link"
and a label prop:<Icon type="external-link" label={"opens in a new window"} />
You will see this rendered HTML:
Expected Behavior
The offscreen label should be a
span
element.Actual Behavior
The offscreen label is a
div
.div
elements are not allowed as children ofspan
elements.Version
Latest canary
The text was updated successfully, but these errors were encountered: