Skip to main content
Version: v5

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-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