1. Home
  2. ChevronRightHooks
  3. ChevronRightusePageNav

usePageNav

Acceder a las rutas de páginas de documentación anterior y siguiente relativas a la barra lateral activa.

El hook usePageNav resuelve los nodos adyacentes en la lista de la barra lateral para construir los disparadores de enlaces de páginas anterior y siguiente.


ImportaciónLink

import { usePageNav } from 'boltdocs/client'

Valores de RetornoLink

PropiedadTipoDescripción
prevPageNavItem | nullMetadatos de la página anterior, o null si estás en la primera página.
nextPageNavItem | nullMetadatos de la página siguiente, o null si estás en la última página.

Esquema de PageNavItemLink

interface PageNavItem {
  title: string   // Page display label
  path: string    // URL path route
}

Ejemplo: Botones de PaginaciónLink

import { usePageNav } from 'boltdocs/client'

export function PaginationControl() {
  const { prev, next } = usePageNav()

  return (
    <div className="flex justify-between items-center mt-8 pt-4 border-t border-zinc-200">
      {prev ? (
        <a href={prev.path} className="px-4 py-2 border rounded hover:bg-zinc-50 text-sm">
          ← {prev.title}
        </a>
      ) : (
        <span className="text-zinc-300 text-sm">First Page</span>
      )}
      
      {next ? (
        <a href={next.path} className="px-4 py-2 border rounded hover:bg-zinc-50 text-sm">
          {next.title} →
        </a>
      ) : (
        <span className="text-zinc-300 text-sm">End of Guide</span>
      )}
    </div>
  )
}
Last updated on July 27, 2026

Was this page helpful?