PaginationLink() — ui Function Reference

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

Function tsx ComponentRegistry ChartRegistry

Entity Profile

ComponentRegistry→ ChartRegistry→ PaginationLink() — ui Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

apps/v4/registry/new-york-v4/ui/pagination.tsx lines 45–66

function PaginationLink({
  className,
  isActive,
  size = "icon",
  ...props
}: PaginationLinkProps) {
  return (
    <a
      aria-current={isActive ? "page" : undefined}
      data-slot="pagination-link"
      data-active={isActive}
      className={cn(
        buttonVariants({
          variant: isActive ? "outline" : "ghost",
          size,
        }),
        className
      )}
      {...props}
    />
  )
}