Pagination() — ui Function Reference

Architecture documentation for the Pagination() function in pagination.tsx from the ui codebase.

Function tsx DocumentationAtlas Changelog

Entity Profile

DocumentationAtlas→ Changelog→ Pagination() — ui Function Reference

Dependency Diagram

graph TD
  f22e322d_1331_6645_49df_8381e5a7196e["Pagination()"]
  abbdc012_4b4b_899c_97c8_413f21983b01["pagination.tsx"]
  f22e322d_1331_6645_49df_8381e5a7196e -->|defined in| abbdc012_4b4b_899c_97c8_413f21983b01
  style f22e322d_1331_6645_49df_8381e5a7196e fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/base/ui-rtl/pagination.tsx lines 10–20

function Pagination({ className, ...props }: React.ComponentProps<"nav">) {
  return (
    <nav
      role="navigation"
      aria-label="pagination"
      data-slot="pagination"
      className={cn("mx-auto flex w-full justify-center", className)}
      {...props}
    />
  )
}