agerix/iconify
2
0
Fork 0
mirror of https://github.com/iconify/iconify.git synced 2024-09-19 00:39:02 +00:00
Code Issues Releases Activity

Add attributes to vue demo

Browse Source
This commit is contained in:
Vjacheslav Trushkin 2022-06-19 19:16:30 +03:00
parent ce135b6cf5
commit ffe8ebacc0
2 changed files with 10 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
iconify-icon-demo/vue-demo/src/App.vue
View File

@ -23,6 +23,7 @@
<StyleTest />
<InlineTest />
<VueAttributesTest />
</div>
</template>
@ -37,6 +38,7 @@ import UsageDemo from './demo-components/Usage.vue';
import StyleTest from './test-components/Style.vue';
import InlineTest from './test-components/Inline.vue';
import VueAttributesTest from './test-components/VueAttributes.vue';
// Disable cache
disableCache('all');
@ -73,6 +75,7 @@ export default {
UsageDemo,
StyleTest,
InlineTest,
VueAttributesTest,
},
};
</script>

10
iconify-icon-demo/vue-demo/src/test-components/VueAttributes.vue
View File

@ -2,12 +2,16 @@
<section>
<h1>Vue attributes (components/VueAttributes.vue)</h1>
<div>
Icon size (2em):
<iconify-icon icon="admin-users" height="2em" />
Icon size (2em) with title:
<iconify-icon icon="admin-users" height="2em" title="Big icon" />
</div>
<div>
Icon style as string (red):
<iconify-icon icon="admin-users" style="color: red" />
<iconify-icon
icon="admin-users"
style="color: red"
title="Red icon"
/>
</div>
<div>
Inline icon with vertical-align style as string (aligned to top):