---
title: Pagination
description: A row of outlined page buttons with one active, plus prev/next.
group: navigation
---

```html
<div class="stack-h gap-xs">
  <button
    class="v-button"
    data-size="small"
    data-variant="outlined"
    aria-label="Previous"
  >
    ‹
  </button>
  <button class="v-button" data-size="small" data-variant="outlined">1</button>
  <button class="v-button" data-size="small" data-variant="filled">2</button>
  <button class="v-button" data-size="small" data-variant="outlined">3</button>
  <button class="v-button" data-size="small" data-variant="outlined">4</button>
  <span class="fs-s ink-subtle px-2xs">…</span>
  <button class="v-button" data-size="small" data-variant="outlined">12</button>
  <button
    class="v-button"
    data-size="small"
    data-variant="outlined"
    aria-label="Next"
  >
    ›
  </button>
</div>
```