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β
| Description | An animated SVG spinner that shows while loading. |
| Attribute | loading-spinner |
| Type | "bubbles" ο½ "circles" ο½ "circular" ο½ "crescent" ο½ "dots" ο½ "lines" ο½ "lines-sharp" ο½ "lines-sharp-small" ο½ "lines-small" ο½ null ο½ undefined |
| Default | undefined |
loadingTextβ
| Description | Optional 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 <Ionic>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. |
| Attribute | loading-text |
| Type | IonicSafeString ο½ string ο½ undefined |
| Default | undefined |
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.