Το γραφικό στοιχείο σελιδοποίησης χρησιμοποιεί το προσαρμοσμένο στοιχείο <devsite-pagination>
για να εμφανίσει σελιδοποιημένο περιεχόμενο ή να αλλάξει την ποσότητα του περιεχομένου που εμφανίζεται.
Γενική χρήση
Το παρακάτω παράδειγμα χρησιμοποιεί το προσαρμοσμένο στοιχείο <devsite-pagination>
για να καθορίσει ένα στοιχείο container
που σελιδοποιεί τέσσερα στοιχεία <div>
ανά σελίδα.
Πολλαπλά στοιχεία HTML
Το παρακάτω παράδειγμα χρησιμοποιεί το προσαρμοσμένο στοιχείο <devsite-pagination>
για να καθορίσει ένα στοιχείο container
που σελιδοποιεί και τα δύο στοιχεία <p>
και <div>
στο ίδιο κοντέινερ.
Αυτή είναι η παράγραφος 1.
Αυτή είναι η παράγραφος 2.
Αυτή είναι η παράγραφος 3.
Αυτή είναι η παράγραφος 4.
Αυτή είναι η παράγραφος 5.
Αυτή είναι η παράγραφος 6.
UI κουμπιών
Το παρακάτω παράδειγμα χρησιμοποιεί το προσαρμοσμένο στοιχείο <devsite-pagination>
για να καθορίσει ένα στοιχείο container
που φορτώνει οκτώ αρχικά στοιχεία <div>
και μπορεί να γίνει εναλλαγή για εμφάνιση Περισσότερα .
Έναρξη-επέκταση
Το ακόλουθο παράδειγμα χρησιμοποιεί το προσαρμοσμένο στοιχείο <devsite-pagination>
για να προσδιορίσει ένα στοιχείο container
με χαρακτηριστικό εκπτωθέν start-expanded
που φορτώνει όλα τα στοιχεία <div>
και μπορεί να γίνει εναλλαγή για εμφάνιση Λιγότερο .