Skip to content

Commit 10998a3

Browse files
committed
:pencil_2: improve docs for importing svg sprites
1 parent 1f9b29c commit 10998a3

File tree

1 file changed

+5
-6
lines changed

1 file changed

+5
-6
lines changed

docs/GettingStarted.mdx

Lines changed: 5 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -32,22 +32,21 @@ export default defineConfig({
3232
});
3333
```
3434

35-
In your Webcomponents root you should import the MDE5-CSS and SVG-Sprite for MDE5-Icons:
35+
In your Webcomponents root you should import the MDE5-CSS and SVG-Sprite for MDE5-Icons, as well as the optional custom-icons SVG-Sprite:
3636

3737
```html
3838
<script
3939
lang="ts"
4040
setup
4141
>
42-
import sprites from "@muenchen/muc-patternlab-vue/dist/assets/temporary/muc-icons.svg?raw";
42+
import mucIconsSprite from "@muenchen/muc-patternlab-vue/dist/assets/temporary/muc-icons.svg?raw";
43+
import customIconsSprite from "@muenchen/muc-patternlab-vue/dist/assets/temporary/custom-icons.svg?raw";
4344
</script>
4445

4546
<template>
4647
<div>
47-
<svg
48-
style="display: none;"
49-
v-html="sprites"
50-
></svg>
48+
<div v-html="mucIconsSprite"></div>
49+
<div v-html="customIconsSprite"></div>
5150
<...>
5251
</div>
5352
</template>

0 commit comments

Comments
 (0)