javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

docs(vue): update component usage examples for vue 3 (#22050)

Browse Source
This commit is contained in:
Liam DeBeasi
2020-09-11 13:48:21 -04:00
committed by GitHub
parent 74af3cb50b
commit db2cac20fb
118 changed files with 2647 additions and 544 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
core/src/components/icon/usage/vue.md
View File

@@ -1,16 +1,29 @@
```html
<template>
<!-- uses "star" icon for both modes -->
<ion-icon name="star"></ion-icon>
<ion-icon :icon="star"></ion-icon>
<!-- explicitly set the icon for each mode -->
<ion-icon ios="home" md="star"></ion-icon>
<ion-icon :ios="home" :md="star"></ion-icon>
<!-- use a custom svg icon -->
<ion-icon src="/path/to/external/file.svg"></ion-icon>
<!-- set the icon size -->
<ion-icon size="small" name="heart"></ion-icon>
<ion-icon size="large" name="heart"></ion-icon>
<ion-icon size="small" :icon="heart"></ion-icon>
<ion-icon size="large" :icon="heart"></ion-icon>
</template>
<script>
import { IonIcon } from '@ionic/vue';
import { heart, home, star } from 'ionicons/icons';
import { defineComponent } from 'vue';
export default defineComponent({
components: { IonIcon },
setup() {
return { heart, home, star }
}
});
</script>
```