PaginationNext() — ui Function Reference

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

Function tsx ComponentRegistry ChartRegistry

Entity Profile

ComponentRegistry→ ChartRegistry→ PaginationNext() — ui Function Reference

Dependency Diagram

graph TD
  b20e835a_9007_6e6b_a4da_797e7b9c853e["PaginationNext()"]
  61a3e142_16cd_6db2_747f_39c9c0364ef0["pagination.tsx"]
  b20e835a_9007_6e6b_a4da_797e7b9c853e -->|defined in| 61a3e142_16cd_6db2_747f_39c9c0364ef0
  style b20e835a_9007_6e6b_a4da_797e7b9c853e fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/registry/new-york-v4/ui/pagination.tsx lines 85–100

function PaginationNext({
  className,
  ...props
}: React.ComponentProps<typeof PaginationLink>) {
  return (
    <PaginationLink
      aria-label="Go to next page"
      size="default"
      className={cn("gap-1 px-2.5 sm:pr-2.5", className)}
      {...props}
    >
      <span className="hidden sm:block">Next</span>
      <ChevronRightIcon />
    </PaginationLink>
  )
}