a6b0780d4f
BREAKING: Icon definition requires a function using a tag passed via arguments:
```js
// myicon.svg.js
// before
export default '<svg>...</svg>';
// after
export default tag => tag`<svg>...</svg>`;
```
Application developers have an alternative shortcut to use in-place with lit-html:
```js
// MyComponent.js
// before
render() {
return html`
<lion-icon .svg="${'<svg>...</svg>'}"></lion-icon>
`;
}
// after
render() {
return html`
<lion-icon .svg="${html`<svg>...</svg>`}"></lion-icon>
`;
}
```
2 lines
429 B
JavaScript
2 lines
429 B
JavaScript
export default tag =>
|
|
tag`<svg focusable="false" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" data-test-id="svg-heart"><path d="M8.002 14.867a.828.828 0 0 1-.324-.066C7.36 14.665 0 11.466 0 6.153 0 3.592 1.543.825 4.98 1.01c1.465.077 2.437.828 3.018 1.491.581-.667 1.553-1.414 3.023-1.491.107-.008.207-.008.31-.008C13.58 1.001 16 2.614 16 6.153c0 5.313-7.36 8.512-7.671 8.644a.787.787 0 0 1-.327.07z"></path></svg>`;
|