File tree 1 file changed +9
-5
lines changed
1 file changed +9
-5
lines changed Original file line number Diff line number Diff line change @@ -358,17 +358,17 @@ export class ButtonExample {
358
358
359
359
<!-- Icons -->
360
360
<ion-button >
361
- <ion-icon slot =" start" name =" star" ></ion-icon >
361
+ <ion-icon slot =" start" :icon =" star" ></ion-icon >
362
362
Left Icon
363
363
</ion-button >
364
364
365
365
<ion-button >
366
366
Right Icon
367
- <ion-icon slot =" end" name =" star" ></ion-icon >
367
+ <ion-icon slot =" end" :icon =" star" ></ion-icon >
368
368
</ion-button >
369
369
370
370
<ion-button >
371
- <ion-icon slot =" icon-only" name =" star" ></ion-icon >
371
+ <ion-icon slot =" icon-only" :icon =" star" ></ion-icon >
372
372
</ion-button >
373
373
374
374
<!-- Sizes -->
@@ -378,11 +378,15 @@ export class ButtonExample {
378
378
</template >
379
379
380
380
<script >
381
- import { IonButton } from ' @ionic/vue' ;
381
+ import { IonButton , IonIcon } from ' @ionic/vue' ;
382
382
import { defineComponent } from ' vue' ;
383
+ import { star } from ' ionicons/icons' ;
383
384
384
385
export default defineComponent ({
385
- components: { IonButton }
386
+ components: { IonButton, IonIcon },
387
+ setup () {
388
+ return { star }
389
+ }
386
390
});
387
391
</script >
388
392
```
You can’t perform that action at this time.
0 commit comments