agerix/iconify
2
0
Fork 0
mirror of https://github.com/iconify/iconify.git synced 2024-11-09 23:00:56 +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 /> <StyleTest />
<InlineTest /> <InlineTest />
<VueAttributesTest />
</div> </div>
</template> </template>
@ -37,6 +38,7 @@ import UsageDemo from './demo-components/Usage.vue';
import StyleTest from './test-components/Style.vue'; import StyleTest from './test-components/Style.vue';
import InlineTest from './test-components/Inline.vue'; import InlineTest from './test-components/Inline.vue';
import VueAttributesTest from './test-components/VueAttributes.vue';
// Disable cache // Disable cache
disableCache('all'); disableCache('all');
@ -73,6 +75,7 @@ export default {
UsageDemo, UsageDemo,
StyleTest, StyleTest,
InlineTest, InlineTest,
VueAttributesTest,
}, },
}; };
</script> </script>

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

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