Skip to main content
Version: v8

ion-refresher-content

The refresher content contains the text, icon and spinner to display during a pull-to-refresh. Ionic displays a 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.

For usage examples, see the Refresher documentation.

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

Content is parsed as plaintext by default. innerHTMLTemplatesEnabled must be set to true in the Ionic config before custom HTML can be used.
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

Content is parsed as plaintext by default. innerHTMLTemplatesEnabled must be set to true in the Ionic config before custom HTML can be used.
Attributerefreshing-text
TypeIonicSafeString īŊœ string īŊœ undefined
Defaultundefined

Events​

No events available for this component.

Methods​

No public methods available for this component.

CSS Shadow Parts​

No CSS shadow parts available for this component.

CSS Custom Properties​

No CSS custom properties available for this component.

Slots​

No slots available for this component.