ionic-framework/core/src/components/refresher-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

Property	Attribute	Description	Type	Default
pullingIcon	pulling-icon	A 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.	null | string | undefined	undefined
pullingText	pulling-text	The 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	IonicSafeString | string | undefined	undefined
refreshingSpinner	refreshing-spinner	An animated SVG spinner that shows when refreshing begins	"bubbles" | "circles" | "circular" | "crescent" | "dots" | "lines" | "lines-small" | null | undefined	undefined
refreshingText	refreshing-text	The 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	IonicSafeString | string | undefined	undefined

Dependencies

Depends on

• ion-spinner
• ion-icon

Graph

graph TD;
  ion-refresher-content --> ion-spinner
  ion-refresher-content --> ion-icon
  style ion-refresher-content fill:#f9f,stroke:#333,stroke-width:4px

---

Built with StencilJS