diff options
author | Filipa Lacerda <filipa@gitlab.com> | 2018-05-07 12:09:49 +0300 |
---|---|---|
committer | Filipa Lacerda <filipa@gitlab.com> | 2018-05-07 12:09:49 +0300 |
commit | d453257ff3a654b02f6d39f882a81c5d2a823750 (patch) | |
tree | 4c1c7807053359117c8fd866d27083b3782de7d9 /doc/development/fe_guide/vue.md | |
parent | 1983356d647290fe38ca21bbbca43fe2d6292913 (diff) |
Follow up after review
Diffstat (limited to 'doc/development/fe_guide/vue.md')
-rw-r--r-- | doc/development/fe_guide/vue.md | 17 |
1 files changed, 16 insertions, 1 deletions
diff --git a/doc/development/fe_guide/vue.md b/doc/development/fe_guide/vue.md index 62c3a05eb3b..f971d8b7388 100644 --- a/doc/development/fe_guide/vue.md +++ b/doc/development/fe_guide/vue.md @@ -123,7 +123,22 @@ You can read more about components in Vue.js site, [Component System][component- #### Components Gotchas 1. Using SVGs icons in components: To use an SVG icon in a template use the `icon.vue` -1. Using SVGs illustrations in components: To use an SVG illustrations in a template provide the path as a prop. +1. Using SVGs illustrations in components: To use an SVG illustrations in a template provide the path as a prop and display it through a standard img tag. + ```javascript + <script> + export default { + props: { + svgIllustrationPath: { + type: String, + required: true, + }, + }, + }; + <script> + <template> + <img :src="svgIllustrationPath" /> + </template> + ``` ### A folder for the Store |