Skip to main content
Version: v8

ion-infinite-scroll-content

The ion-infinite-scroll-content component is the default child used by the ion-infinite-scroll. It displays an infinite scroll spinner that looks best based on the platform and changes the look depending on the infinite scroll's state. The default spinner can be changed and text can be added by setting the loadingSpinner and loadingText properties.

For more information as well as usage, see the Infinite Scroll Documentation.

Properties​

loadingSpinner​

DescriptionAn animated SVG spinner that shows while loading.
Attributeloading-spinner
Type"bubbles" īŊœ "circles" īŊœ "circular" īŊœ "crescent" īŊœ "dots" īŊœ "lines" īŊœ "lines-sharp" īŊœ "lines-sharp-small" īŊœ "lines-small" īŊœ null īŊœ undefined
Defaultundefined

loadingText​

DescriptionOptional text to display while loading. loadingText 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

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