Seitenumbruch

Das Paginierungs-Widget verwendet das benutzerdefinierte <devsite-pagination>-Element, um paginierte Inhalte anzuzeigen oder die angezeigte Menge von Inhalten umzuschalten.

Allgemeine Verwendung

Im folgenden Beispiel wird mit dem benutzerdefinierten Element <devsite-pagination> ein container-Element angegeben, das vier <div>-Elemente pro Seite paginiert.

Div 1

Div 2

Div 3

Div 4

Div 5

Div 6

Div 7

Div 8

Div 9

Div 10

Div 11

Div 12

Div 13

Div 14

Div 15

Mehrere HTML-Elemente

Im folgenden Beispiel wird mit dem benutzerdefinierten Element <devsite-pagination> ein container-Element angegeben, das sowohl das Element <p> als auch das Element <div> im selben Container paginiert.

Das ist Absatz 1.

Dies ist Absatz 2.

Dies ist Absatz 3.

Dies ist Absatz 4.

Dies ist Absatz 5.

Dies ist Absatz 6.

Dies ist div 1.

Dies ist div 2.

Dies ist div 3.

Dies ist div 4.

Dies ist div 5.

Dies ist div 6.

Benutzeroberfläche für Schaltflächen

Im folgenden Beispiel wird mit dem benutzerdefinierten Element <devsite-pagination> ein container-Element angegeben, das acht anfängliche <div>-Elemente lädt und zur Anzeige von More (Mehr) gewechselt werden kann.

Div 1

Div 2

Div 3

Div 4

Div 5

Div 6

Div 7

Div 8

Div 9

Div 10

Div 11

Div 12

Div 13

Div 14

Div 15

Starten/Maximieren

Im folgenden Beispiel wird mit dem benutzerdefinierten Element <devsite-pagination> ein container-Element mit einem start-expanded-Attribut angegeben, das alle <div>-Elemente lädt und zu Weniger

Div 1

Div 2

Div 3

Div 4

Div 5

Div 6

Div 7

Div 8

Div 9

Div 10

Div 11

Div 12

Div 13

Div 14

Div 15