NavigationBrowse navigation components
Pagination
Page selector with active, disabled, and 3 sizes.
Live preview
Usage
Adapters:React stableVue stable
index.html
<nav class="lm-pagination">
<a class="lm-pagination-item" aria-current="page">2</a>
</nav>CSS classes (3)
| Class | Description |
|---|---|
lm-pagination | Inline-flex container |
lm-pagination-item | Each page link/button |
lm-pagination-{size} | sm | md | lg |
React props (3)
| Prop | Type | Default | Description |
|---|---|---|---|
page | number | — | — |
total | number | — | — |
size | Size | — | — |
Accessibility
- Use <nav aria-label='Pagination'>.
- Active page: aria-current='page'.
Spotted something wrong? Edit this entry on GitHub.