Paginering

Pagineringswidgeten använder det anpassade elementet <devsite-pagination> för att visa paginerat innehåll eller växla mängden innehåll som visas.

Allmänt bruk

Följande exempel använder det anpassade elementet <devsite-pagination> för att ange ett container som paginerar fyra <div> -element per sida.

Div 1
Avd 2
Div 3
Avd 4
Avd 5
Div 6
Div 7
Avd 8
Div 9
Div 10
Div 11
Div 12
Div 13
Div 14
Div 15

Flera HTML-element

Följande exempel använder det anpassade elementet <devsite-pagination> för att specificera ett container som paginerar både <p> - och <div> -element i samma container.

Detta är punkt 1.

Detta är punkt 2.

Detta är punkt 3.

Detta är punkt 4.

Detta är punkt 5.

Detta är punkt 6.

Det här är div 1.
Det här är div 2.
Det här är div 3.
Det här är div 4.
Det här är div 5.
Det här är div 6.

Knappar UI

Följande exempel använder det anpassade elementet <devsite-pagination> för att specificera ett container som laddar åtta initiala <div> -element och som kan växlas till att visa Mer .

Div 1
Avd 2
Div 3
Avd 4
Avd 5
Div 6
Div 7
Avd 8
Div 9
Div 10
Div 11
Div 12
Div 13
Div 14
Div 15

Starta-expandera

Följande exempel använder det anpassade elementet <devsite-pagination> för att specificera ett container med ett start-expanded attribut som läser in alla <div> -element och som kan växlas till att visa Mindre .

Div 1
Avd 2
Div 3
Avd 4
Avd 5
Div 6
Div 7
Avd 8
Div 9
Div 10
Div 11
Div 12
Div 13
Div 14
Div 15