我正在将Patternlab Node 3.0用于我的样式指南,并且我想像这样添加和图标
{{> Elements-Icon(foo: "bar") }}
这工作正常,但是我传递给我的图标元素的变量只能使用一次。
这是我的Elements-Icon代码:
<i class="icon icon--{{ foo }}">
<svg role="img" aria-label=""><use xlink:href="/images/icons/sprite.svg#{{ foo }}"></use></svg>
</i>
这是它正在呈现的HTML,并且svg#之后的变量保持空白
<i class="icon icon--bar">
<svg role="img" aria-label=""><use xlink:href="/images/icons/sprite.svg#"></use></svg>
</i>
我已经搜索了互联网,但找不到解决方案。也许您之一可以帮助我?