Impaginazione

Il widget dell'impaginazione utilizza l'elemento personalizzato <devsite-pagination> per visualizzare i contenuti suddivisi in pagine o attivare/disattivare la quantità di contenuti mostrata.

Utilizzo generico

L'esempio seguente utilizza l'elemento personalizzato <devsite-pagination> per specificare un elemento container che impagina quattro elementi <div> per pagina.

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

Più elementi HTML

L'esempio seguente utilizza l'elemento personalizzato <devsite-pagination> per specificare un elemento container che impagina entrambi gli elementi <p> e <div> nello stesso contenitore.

Questo è il paragrafo 1.

Questo è il paragrafo 2.

Questo è il paragrafo 3.

Questo è il paragrafo 4.

Questo è il paragrafo 5.

Questo è il paragrafo 6.

Questo è il div 1.

Questo è il div 2.

Questo è il div 3.

Questo è il div 4.

Questo è il div 5.

Si tratta del tag div 6.

Interfaccia utente dei pulsanti

L'esempio seguente utilizza l'elemento personalizzato <devsite-pagination> per specificare un elemento container che carica otto elementi <div> iniziali e può essere visualizzato come Altro.

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

Avvia espansione

L'esempio seguente utilizza l'elemento personalizzato <devsite-pagination> per specificare un elemento container con un attributo start-expanded che carica tutti gli elementi <div> e può essere impostato su Meno

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