Paginare

Widgetul de paginare folosește elementul personalizat <devsite-pagination> pentru a afișa conținut paginat sau pentru a comuta cantitatea de conținut afișată.

Utilizare generală

Următorul exemplu utilizează elementul personalizat <devsite-pagination> pentru a specifica un element container care paginează patru elemente <div> pe pagină.

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

Mai multe elemente HTML

Următorul exemplu utilizează elementul personalizat <devsite-pagination> pentru a specifica un element container care paginează ambele elemente <p> și <div> în același container.

Acesta este paragraful 1.

Acesta este paragraful 2.

Acesta este paragraful 3.

Acesta este paragraful 4.

Acesta este paragraful 5.

Acesta este paragraful 6.

Aceasta este div 1.
Aceasta este div 2.
Aceasta este div 3.
Aceasta este div 4.
Aceasta este div 5.
Aceasta este div 6.

Butoane UI

Următorul exemplu utilizează elementul personalizat <devsite-pagination> pentru a specifica un element container care încarcă opt elemente <div> inițiale și poate fi comutat pentru a afișa Mai multe .

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

Începe-extinde

Următorul exemplu utilizează elementul personalizat <devsite-pagination> pentru a specifica un element container cu un atribut start-expanded care încarcă toate elementele <div> și poate fi comutat pentru a afișa Less .

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