Pagination

Numbered pagination with prev/next chevrons, ellipsis truncation, and a filled primary active tile.

Import & use

import { Nav15 } from "@/components/beste/piece/nav15";

<Nav15
  current={4}
  total={12}
/>

More Nav pieces

Numbered pagination with prev/next arrows and ellipses for long ranges. Active page flips to foreground.

On this page

Docs-style on-this-page list with left borders and a primary active rail on the current section.

Sidebar-style stack of icon + label rows where the active row gets a muted fill and bolder text.

Underline tabs that print a pill count next to the label, with the active count filled in primary.

Horizontal tabs with a thin bottom rail and a primary underline under the active label.

Account

Team

Billing

4Done

Multi-step stepper with emerald done, primary current, and muted pending tiles linked by colored rails.