# DocsPager

> The previous and next links closing a docs page, each a whole-card link naming its destination, with the section shown when the step crosses into another one.

```ts
import { DocsPager } from "@sdxc/ui/docs";
```

Renders the pair of neighbours, or nothing when the page has neither. A card with no
partner fills the row on its own, and the pair stacks when the pager is under 36rem wide.

## Examples

```tsx
<DocsPager {...findNeighbours(tree, path)} section="Guides" labels={{ nav: "Pagination", previous: "Previous", next: "Next" }} />
```

## Props

| Prop | Type | Description |
| --- | --- | --- |
| `previous?` | `Entry \| null` |  |
| `next?` | `Entry \| null` |  |
| `section?` | `string` | Section of the page being read; a destination in another section names its own. |
| `labels` | `Labels` |  |

Also accepts everything in `Omit<TagProps<"nav">, "children">`.

