Patternlab: как я могу использовать переменную несколько раз в частичном

Я использую Patternlab Node 3.0 для моего руководства по стилю, и я хочу добавить значок

{{> Elements-Icon(foo: "bar") }}

Это работает нормально, но переменная, которую я передаю своему элементу icon, может быть использована только один раз.

Это мой код 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>

Я искал в Интернете, но я не могу найти решение для этого. Может быть, один из вас может мне помочь?

0 ответов

Другие вопросы по тегам