Skip to main content

Infinite-scroll

Infinite Scroll umožňuje implementovať dynamické načítavanie dát, keď používatelia prechádzajú väčším množstvom obsahu. Element umožňuje zobraziť akýkoľvek obsah zo zvoleného koncového bodu (endpointu) bez toho, aby bola potrebná ďalšia interakcia, napríklad kliknutie na tlačidlo “Načítať viac” alebo na odkaz na ďalšiu stránku. Komponent zároveň zobrazuje indikátor načítania (loader), aby informoval používateľov o načítavaní nového obsahu.

Počet načítaných položiek (size)

Atribút size definuje počet položiek pri každom načítaní nového obsahu.

Vlastný obsah

Element Infinite scroll je možné použiť v kombinácii s akýmkoľvek Elements elementom. Napríklad Card.

Atribúty a Vlastnosti

iterate

DescriptionIt is used to identify the element to be used as a template for each item during the infinite scrolling process.
Attributeiterate
Typestring
Defaultundefined

placement

DescriptionIt is used to specify the target element into which the loaded data is to be inserted during the infinite scroll process. Specifies where the newly loaded content is added within the DOM.
Attributeunit-display
Typestring
Defaultundefined

size

DescriptionDefines the number of items on each load.
Attributeunit-display
Typenumber
Default10

url

DescriptionDefines the url of the endpoint of the data to be retrieved.
Attributeunit-display
Typestring
Defaultundefined

Eventy

No events available for this component.

Metódy

No public methods available for this component.

CSS Shadow Parts

No CSS shadow parts available for this component.

CSS Custom Vlastnosti

No CSS custom properties available for this component.

Sloty

No slots available for this component.