mirror of
https://github.com/iconify/iconify.git
synced 2025-01-05 15:02:09 +00:00
40 lines
732 B
Vue
40 lines
732 B
Vue
|
<template>
|
||
|
|
<section class="icon-24">
|
||
|
|
<h1>Usage (full module, offline mode)</h1>
|
||
|
|
<div>
|
||
|
|
Icon referenced by name:
|
||
|
|
<Icon icon="demo" />
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
Icon referenced by object:
|
||
|
|
<Icon v-bind:icon="demoIcon" />
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
2 icons imported from icon set:
|
||
|
|
<Icon icon="alert1" />
|
||
|
|
<Icon icon="link1" />
|
||
|
|
</div>
|
||
|
|
<div class="alert">
|
||
|
|
<Icon :icon="alertIcon" />Important notice with alert icon!
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import { Icon } from '@iconify/vue2';
|
||
|
|
import demoIcon from '@iconify-icons/dashicons/info-outline';
|
||
|
|
import alertIcon from '@iconify-icons/bx/bx-error';
|
||
|
|
|
||
|
|
export default {
|
||
|
|
components: {
|
||
|
|
Icon,
|
||
|
|
},
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
demoIcon,
|
||
|
|
alertIcon,
|
||
|
|
};
|
||
|
|
},
|
||
|
|
};
|
||
|
|
</script>
|