Recipe arrows and numbered navigation links.
Preview
Usage
Pagination is a labelled nav; PaginationLink isActive adds aria-current="page". Links retain href navigation unless your onClick prevents it. This example owns page state and disables previous/next at the bounds with aria-disabled. Those disabled links prevent navigation; the component does not fetch pages or clamp your state.
Composition
Previous/Next use recipe-book arrow constituents; numbered links reuse Button. PaginationEllipsis is decorative and hidden from assistive technology, so it cannot be your only interactive overflow control. The numeric arrangement is a web adaptation; the native recipe book hides unavailable arrows.
Installation
Component source
This is the component implementation. Its supporting styles, helpers and resources are also required. See complete manual installation.
"use client";
import * as React from "react";
import { Button } from "./button";
import { minecraftClasses as cn, minecraftStyle } from "./minecraft-render";
import { playMinecraftClick } from "./minecraft-sound";
import { MinecraftText } from "./minecraft-text";
import "./minecraft-pagination.css";
import "./minecraft-pagination-assets.css";