javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-20 20:33:32 +08:00
Code Issues Packages Projects Releases Wiki Activity

docs(refresher): update usage to correct ionicons 5 icon (#21141)

Browse Source 
closes ionic-team/ionic-docs#1263
This commit is contained in:
Brandy Carney
2020-04-28 15:34:01 -04:00
committed by GitHub
parent fa9ddc91bc
commit c54911f451
5 changed files with 10 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
core/src/components/refresher/readme.md
View File

@ -51,7 +51,7 @@ Using the MD native `ion-refresher` requires setting the `pullingIcon` property
<ion-content> <ion-content>
<ion-refresher slot="fixed" (ionRefresh)="doRefresh($event)"> <ion-refresher slot="fixed" (ionRefresh)="doRefresh($event)">
<ion-refresher-content <ion-refresher-content
pullingIcon="arrow-dropdown" pullingIcon="chevron-down-circle-outline"
pullingText="Pull to refresh" pullingText="Pull to refresh"
refreshingSpinner="circles" refreshingSpinner="circles"
refreshingText="Refreshing..."> refreshingText="Refreshing...">
@ -104,7 +104,7 @@ export class RefresherExample {
<ion-content> <ion-content>
<ion-refresher slot="fixed"> <ion-refresher slot="fixed">
<ion-refresher-content <ion-refresher-content
pulling-icon="arrow-dropdown" pulling-icon="chevron-down-circle-outline"
pulling-text="Pull to refresh" pulling-text="Pull to refresh"
refreshing-spinner="circles" refreshing-spinner="circles"
refreshing-text="Refreshing..."> refreshing-text="Refreshing...">
@ -120,6 +120,7 @@ export class RefresherExample {
import React from 'react'; import React from 'react';
import { IonContent, IonRefresher, IonRefresherContent } from '@ionic/react'; import { IonContent, IonRefresher, IonRefresherContent } from '@ionic/react';
import { RefresherEventDetail } from '@ionic/core'; import { RefresherEventDetail } from '@ionic/core';
import { chevronDownCircleOutline } from 'ionicons/icons';
function doRefresh(event: CustomEvent<RefresherEventDetail>) { function doRefresh(event: CustomEvent<RefresherEventDetail>) {
console.log('Begin async operation'); console.log('Begin async operation');
@ -150,7 +151,7 @@ export const RefresherExample: React.FC = () => (
<IonContent> <IonContent>
<IonRefresher slot="fixed" onIonRefresh={doRefresh}> <IonRefresher slot="fixed" onIonRefresh={doRefresh}>
<IonRefresherContent <IonRefresherContent
pullingIcon="arrow-dropdown" pullingIcon={chevronDownCircleOutline}
pullingText="Pull to refresh" pullingText="Pull to refresh"
refreshingSpinner="circles" refreshingSpinner="circles"
refreshingText="Refreshing..."> refreshingText="Refreshing...">
@ -184,7 +185,7 @@ export const RefresherExample: React.FC = () => (
<ion-content> <ion-content>
<ion-refresher slot="fixed" @ionRefresh="doRefresh($event)"> <ion-refresher slot="fixed" @ionRefresh="doRefresh($event)">
<ion-refresher-content <ion-refresher-content
pulling-icon="arrow-dropdown" pulling-icon="chevron-down-circle-outline"
pulling-text="Pull to refresh" pulling-text="Pull to refresh"
refreshing-spinner="circles" refreshing-spinner="circles"
refreshing-text="Refreshing..."> refreshing-text="Refreshing...">

2
core/src/components/refresher/usage/angular.md
View File

@ -17,7 +17,7 @@
<ion-content> <ion-content>
<ion-refresher slot="fixed" (ionRefresh)="doRefresh($event)"> <ion-refresher slot="fixed" (ionRefresh)="doRefresh($event)">
<ion-refresher-content <ion-refresher-content
pullingIcon="arrow-dropdown" pullingIcon="chevron-down-circle-outline"
pullingText="Pull to refresh" pullingText="Pull to refresh"
refreshingSpinner="circles" refreshingSpinner="circles"
refreshingText="Refreshing..."> refreshingText="Refreshing...">

2
core/src/components/refresher/usage/javascript.md
View File

@ -17,7 +17,7 @@
<ion-content> <ion-content>
<ion-refresher slot="fixed"> <ion-refresher slot="fixed">
<ion-refresher-content <ion-refresher-content
pulling-icon="arrow-dropdown" pulling-icon="chevron-down-circle-outline"
pulling-text="Pull to refresh" pulling-text="Pull to refresh"
refreshing-spinner="circles" refreshing-spinner="circles"
refreshing-text="Refreshing..."> refreshing-text="Refreshing...">

3
core/src/components/refresher/usage/react.md
View File

@ -2,6 +2,7 @@
import React from 'react'; import React from 'react';
import { IonContent, IonRefresher, IonRefresherContent } from '@ionic/react'; import { IonContent, IonRefresher, IonRefresherContent } from '@ionic/react';
import { RefresherEventDetail } from '@ionic/core'; import { RefresherEventDetail } from '@ionic/core';
import { chevronDownCircleOutline } from 'ionicons/icons';
function doRefresh(event: CustomEvent<RefresherEventDetail>) { function doRefresh(event: CustomEvent<RefresherEventDetail>) {
console.log('Begin async operation'); console.log('Begin async operation');
@ -32,7 +33,7 @@ export const RefresherExample: React.FC = () => (
<IonContent> <IonContent>
<IonRefresher slot="fixed" onIonRefresh={doRefresh}> <IonRefresher slot="fixed" onIonRefresh={doRefresh}>
<IonRefresherContent <IonRefresherContent
pullingIcon="arrow-dropdown" pullingIcon={chevronDownCircleOutline}
pullingText="Pull to refresh" pullingText="Pull to refresh"
refreshingSpinner="circles" refreshingSpinner="circles"
refreshingText="Refreshing..."> refreshingText="Refreshing...">

2
core/src/components/refresher/usage/vue.md
View File

@ -18,7 +18,7 @@
<ion-content> <ion-content>
<ion-refresher slot="fixed" @ionRefresh="doRefresh($event)"> <ion-refresher slot="fixed" @ionRefresh="doRefresh($event)">
<ion-refresher-content <ion-refresher-content
pulling-icon="arrow-dropdown" pulling-icon="chevron-down-circle-outline"
pulling-text="Pull to refresh" pulling-text="Pull to refresh"
refreshing-spinner="circles" refreshing-spinner="circles"
refreshing-text="Refreshing..."> refreshing-text="Refreshing...">