---
url: "https://vueda.dev/v3/reference/theming/keys/NavigationPaginationNavButton.md"
title: "NavigationPaginationNavButton"
---

# NavigationPaginationNavButton

Source: `client/lib/theme/vueda-tailwind/navigation/index.js`

> Previous, next, first, or last control. Icon-only, outline, compact (sm) square: composes the Button base and outline variant and pins a `size-vueda-control-sm` square so the four edge controls read as a dense, single-tier cluster. The accessible name rides an `sr-only` label in each SFC; the visible glyph comes from the icon registry.

| Slot | Default classes | Description |
| --- | --- | --- |
| [root](/v3/reference/theming/keys/NavigationPaginationNavButton.md#theme-key-NavigationPaginationNavButton-root) | `size-vueda-control-sm` | Previous, next, first, or last control. Icon-only, outline, compact (sm) square: composes the Button base and outline variant and pins a `size-vueda-control-sm` square so the four edge controls read as a dense, single-tier cluster. The accessible name rides an `sr-only` label in each SFC; the visible glyph comes from the icon registry. |

<a id="theme-key-NavigationPaginationNavButton-root"></a>

## root

> Previous, next, first, or last control. Icon-only, outline, compact (sm) square: composes the Button base and outline variant and pins a `size-vueda-control-sm` square so the four edge controls read as a dense, single-tier cluster. The accessible name rides an `sr-only` label in each SFC; the visible glyph comes from the icon registry.

Default classes:

`size-vueda-control-sm`

Composes: `_ButtonBase.root` `_ButtonOutline.root`

Source: `client/lib/theme/vueda-tailwind/navigation/NavigationPaginationNavButton.theme.js:18`