Σελιδοποίηση

Το γραφικό στοιχείο σελιδοποίησης χρησιμοποιεί το προσαρμοσμένο στοιχείο <devsite-pagination> για να εμφανίσει σελιδοποιημένο περιεχόμενο ή να αλλάξει την ποσότητα του περιεχομένου που εμφανίζεται.

Γενική χρήση

Το παρακάτω παράδειγμα χρησιμοποιεί το προσαρμοσμένο στοιχείο <devsite-pagination> για να καθορίσει ένα στοιχείο container που σελιδοποιεί τέσσερα στοιχεία <div> ανά σελίδα.

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

Πολλαπλά στοιχεία HTML

Το παρακάτω παράδειγμα χρησιμοποιεί το προσαρμοσμένο στοιχείο <devsite-pagination> για να καθορίσει ένα στοιχείο container που σελιδοποιεί και τα δύο στοιχεία <p> και <div> στο ίδιο κοντέινερ.

Αυτή είναι η παράγραφος 1.

Αυτή είναι η παράγραφος 2.

Αυτή είναι η παράγραφος 3.

Αυτή είναι η παράγραφος 4.

Αυτή είναι η παράγραφος 5.

Αυτή είναι η παράγραφος 6.

Αυτό είναι το div 1.
Αυτό είναι το div 2.
Αυτό είναι το div 3.
Αυτό είναι το div 4.
Αυτό είναι το div 5.
Αυτό είναι το div 6.

UI κουμπιών

Το παρακάτω παράδειγμα χρησιμοποιεί το προσαρμοσμένο στοιχείο <devsite-pagination> για να καθορίσει ένα στοιχείο container που φορτώνει οκτώ αρχικά στοιχεία <div> και μπορεί να γίνει εναλλαγή για εμφάνιση Περισσότερα .

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

Έναρξη-επέκταση

Το ακόλουθο παράδειγμα χρησιμοποιεί το προσαρμοσμένο στοιχείο <devsite-pagination> για να προσδιορίσει ένα στοιχείο container με χαρακτηριστικό εκπτωθέν start-expanded που φορτώνει όλα τα στοιχεία <div> και μπορεί να γίνει εναλλαγή για εμφάνιση Λιγότερο .

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