Skip to main content

ion-refresher-content

none

Contents

The refresher content contains the text, icon and spinner to display during a pull-to-refresh. Ionic provides the pulling icon and refreshing spinner based on the platform. However, the default icon, spinner, and text can be customized based on the state of the refresher.

Properties#

pullingIcon#

DescriptionA static icon or a spinner to display when you begin to pull down.
A spinner name can be provided to gradually show tick marks
when pulling down on iOS devices.
Attributepulling-icon
Typenull | string | undefined
Defaultundefined

pullingText#

DescriptionThe text you want to display when you begin to pull down.
pullingText can accept either plaintext or HTML as a string.
To display characters normally reserved for HTML, they
must be escaped. For example <Ionic> would become
&lt;Ionic&gt;

For more information: Security Documentation
Attributepulling-text
TypeIonicSafeString | string | undefined
Defaultundefined

refreshingSpinner#

DescriptionAn animated SVG spinner that shows when refreshing begins
Attributerefreshing-spinner
Type"bubbles" | "circles" | "circular" | "crescent" | "dots" | "lines" | "lines-sharp" | "lines-sharp-small" | "lines-small" | null | undefined
Defaultundefined

refreshingText#

DescriptionThe text you want to display when performing a refresh.
refreshingText can accept either plaintext or HTML as a string.
To display characters normally reserved for HTML, they
must be escaped. For example <Ionic> would become
&lt;Ionic&gt;

For more information: Security Documentation
Attributerefreshing-text
TypeIonicSafeString | string | undefined
Defaultundefined