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
  67284da9_18b4_6e34_06d5_7da4677b02b8["PaginationLink()"]
  1b1c5d6f_f820_ddea_04ab_fcdafb0fca65["pagination.tsx"]
  67284da9_18b4_6e34_06d5_7da4677b02b8 -->|defined in| 1b1c5d6f_f820_ddea_04ab_fcdafb0fca65
  style 67284da9_18b4_6e34_06d5_7da4677b02b8 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/registry/bases/radix/ui/pagination.tsx lines 44–65

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