Paginering

Pagineringswidgeten bruker det tilpassede elementet <devsite-pagination> for å vise paginert innhold eller veksle mellom mengden innhold som vises.

Generell bruk

Følgende eksempel bruker det tilpassede elementet <devsite-pagination> for å spesifisere et container som paginerer fire <div> -elementer per side.

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

Flere HTML-elementer

Følgende eksempel bruker det tilpassede elementet <devsite-pagination> for å spesifisere et container som paginerer både <p> - og <div> -elementer i samme beholder.

Dette er paragraf 1.

Dette er paragraf 2.

Dette er paragraf 3.

Dette er paragraf 4.

Dette er paragraf 5.

Dette er paragraf 6.

Dette er div 1.
Dette er div 2.
Dette er div 3.
Dette er div 4.
Dette er div 5.
Dette er div 6.

Knapper UI

Følgende eksempel bruker det tilpassede elementet <devsite-pagination> for å spesifisere et container som laster åtte innledende <div> -elementer og kan veksles for å vise Mer .

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

Start-utvid

Følgende eksempel bruker det tilpassede elementet <devsite-pagination> for å spesifisere et container med et start-expanded attributt som laster inn alle <div> -elementer og kan veksles til å vise Mindre .

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