Paginació

El giny de paginació utilitza l'element personalitzat <devsite-pagination> per mostrar contingut paginat o canviar la quantitat de contingut mostrat.

Ús general

L'exemple següent utilitza l'element personalitzat <devsite-pagination> per especificar un element container que pagina quatre elements <div> per pàgina.

Divisió 1
Divisió 2
Divisió 3
Divisió 4
Divisió 5
Divisió 6
Divisió 7
Divisió 8
Divisió 9
Divisió 10
Divisió 11
Divisió 12
Divisió 13
Divisió 14
Divisió 15

Múltiples elements HTML

L'exemple següent utilitza l'element personalitzat <devsite-pagination> per especificar un element container que pagina els elements <p> i <div> al mateix contenidor.

Aquest és el paràgraf 1.

Aquest és el paràgraf 2.

Aquest és el paràgraf 3.

Aquest és el paràgraf 4.

Aquest és el paràgraf 5.

Aquest és el paràgraf 6.

Aquesta és la div 1.
Aquesta és la div 2.
Aquesta és la div 3.
Aquesta és la div 4.
Aquesta és la div 5.
Aquesta és la div 6.

Interfície d'usuari de botons

L'exemple següent utilitza l'element personalitzat <devsite-pagination> per especificar un element container que carregui vuit elements <div> inicials i que es pot canviar per mostrar Més .

Divisió 1
Divisió 2
Divisió 3
Divisió 4
Divisió 5
Divisió 6
Divisió 7
Divisió 8
Divisió 9
Divisió 10
Divisió 11
Divisió 12
Divisió 13
Divisió 14
Divisió 15

Començar-expandir

L'exemple següent utilitza l'element personalitzat <devsite-pagination> per especificar un element container amb un atribut start-expanded que carregui tots els elements <div> i es pot activar per mostrar Menys .

Divisió 1
Divisió 2
Divisió 3
Divisió 4
Divisió 5
Divisió 6
Divisió 7
Divisió 8
Divisió 9
Divisió 10
Divisió 11
Divisió 12
Divisió 13
Divisió 14
Divisió 15