# Core/Pagination - Design

Pagination component for navigating through paged content. Renders prev/next buttons and a page number input with total pages indicator.

## Properties

### Total Pages

The total number of pages.

## Behavior

### Page Updates

Page updates occur immediately when clicking the forward or backward buttons. Entering a value in the input field
will update when pressing Enter or when focus is moved.

## Accessibility

### Keyboard interaction

| Key                      | Function                                                                                                                                                        |
| ------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| `Tab`<br />`Shift + Tab` | - Moves focus to the next/previous focusable element.                                                                                                           |
| `Enter`                  | - If an action button is focused: activates that button.<br />- If the page input field is focused: updates the entered page. Focus remains on the input field. |

### Aria considerations

* Use the `nav` element to wrap the pagination.
* The `nav` element must have an accessible name (`aria-label` or `aria-labelledby`) or label.