Skip to main content
Version: v5

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.

React

The ion-infinite-scroll-content component is not supported in React.

Usage

<ion-content>
<ion-infinite-scroll>
<ion-infinite-scroll-content loadingSpinner="bubbles" loadingText="Loading more data…">
</ion-infinite-scroll-content>
</ion-infinite-scroll>
</ion-content>

Properties

loadingSpinner

Descriptionロード中に表示されるアニメーションSVGスピナーです。
Attributeloading-spinner
Type"bubbles" | "circles" | "circular" | "crescent" | "dots" | "lines" | "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
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.