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

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

View File

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

View File

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

View File

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

View File

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

View File

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