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

# NavigationPaginationBar

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

> Footer bar for table and objects-grid pagination, seated against the bottom of card-like data surfaces. The `px-5 py-3` padding matches the list chrome rhythm (e.g. [ViewList.underActionsBar](/v3/reference/theming/keys/ViewList.md#theme-key-ViewList-underActionsBar)) so the chrome above and below the grid read as a matched frame.

| Slot | Default classes | Description |
| --- | --- | --- |
| [root](/v3/reference/theming/keys/NavigationPaginationBar.md#theme-key-NavigationPaginationBar-root) | 2 classes | Footer bar for table and objects-grid pagination, seated against the bottom of card-like data surfaces. The `px-5 py-3` padding matches the list chrome rhythm (e.g. [ViewList.underActionsBar](/v3/reference/theming/keys/ViewList.md#theme-key-ViewList-underActionsBar)) so the chrome above and below the grid read as a matched frame. |

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

## root

> Footer bar for table and objects-grid pagination, seated against the bottom of card-like data surfaces. The `px-5 py-3` padding matches the list chrome rhythm (e.g. [ViewList.underActionsBar](/v3/reference/theming/keys/ViewList.md#theme-key-ViewList-underActionsBar)) so the chrome above and below the grid read as a matched frame.

Default classes:

```text
flex w-full items-center justify-between gap-3
rounded-b-vueda-card border-t-hairline bg-card text-foreground px-5 py-3
```

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