Penomoran halaman

Widget penomoran halaman menggunakan elemen kustom <devsite-pagination> untuk menampilkan konten yang dipaginasi atau mengalihkan jumlah konten yang ditampilkan.

Penggunaan umum

Contoh berikut menggunakan elemen kustom <devsite-pagination> untuk menentukan elemen container yang memberi nomor pada empat elemen <div> per halaman.

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

Beberapa elemen HTML

Contoh berikut menggunakan elemen kustom <devsite-pagination> untuk menentukan elemen container yang memberikan nomor pada elemen <p> dan <div> dalam penampung yang sama.

Ini adalah paragraf 1.

Ini adalah paragraf 2.

Ini adalah paragraf 3.

Ini adalah paragraf 4.

Ini adalah paragraf 5.

Ini adalah paragraf 6.

Ini adalah div 1.
Ini adalah div 2.
Ini adalah div 3.
Ini adalah div 4.
Ini adalah div 5.
Ini adalah div 6.

UI Tombol

Contoh berikut menggunakan elemen kustom <devsite-pagination> untuk menentukan elemen container yang memuat delapan elemen <div> awal dan dapat dialihkan untuk menampilkan Lainnya.

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

Mulai perluasan

Contoh berikut menggunakan elemen kustom <devsite-pagination> untuk menentukan elemen container dengan atribut start-expanded yang memuat semua elemen <div> dan dapat dialihkan untuk menampilkan Lebih sedikit.

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