# Pagination
Splits a long list into pages and moves between them, saying where the person is and how much is left.
## Playground
```html
```
## When to use
- When a table or list goes past about 25 to 50 rows.
## When not to use
- **Few rows:** show them all.
- **Infinite scroll:** no. It hides the footer, does not let you return to the same spot and confuses screen readers.
## Examples
### Pages and per page
Previous and Next in words, the current page marked with the ink line, the count and, optionally, how many items per page.
Show code
```html
```
## Variations
- **First and last page:** a link that goes nowhere disappears; it is not disabled.
- **Many pages:** the first, the last and the current one’s neighbors, with an ellipsis in between.
- **When changing the size:** the new page starts at the first item the person was seeing.
- **Everything fits on one page:** the whole component disappears; if only the numbers go, "Per page" stays.
## Anatomy
1. **Previous and Next:** word with the arrow; they disappear on the first and last page.
2. **Current page:** the ink line, no link.
3. **Next**, always at the end of the line.
4. **Count:** where the person is and the total.
5. **Per page**, optional.
## Do and don’t
Do
Says where the person is and how much is left.
Don’t
Arrows only, no number, no total.
## Accessibility
- A named `