<wa-pagination>

Pagination splits long lists of content into pages, letting users navigate between them.

Category

Navigation

Built with

Lit

Library

Web Awesome

Author

Web Awesome

Package

@awesome.me/webawesome

Component size

24.3 kB JS (minified + gzipped, JS includes dependencies beyond the library)

Library size

8.2 kB JS (shared by every Web Awesome component, loaded once per page)

Popular

5 out of 5

Downloads

364,100/week · jsDelivr 33,114,338 hits/month (whole @awesome.me/webawesome package)

GitHub stars

1,348

Latest stable version

3.14.0

License

MIT

Status

stable

• Documentation
• Demo
• Source code

Attributes

• total
• page-size
• page
• sibling-count
• boundary-count
• without-nav
• with-edges
• with-summary
• format
• href-template
• hide-single-page
• label
• appearance
• disabled
• dir
• lang
• did-ssr

Slots

• previous-icon
• next-icon
• first-icon
• last-icon

Events

• wa-before-page-change
• wa-page-change

CSS Parts

• base
• pagination
• button
• previous-button
• next-button
• first-button
• last-button
• pages
• page
• page-current
• ellipsis
• summary
• label