Skip to main content

ion-refresher-content

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