PaginationLink() — ui Function Reference

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

Function tsx ComponentRegistry UIPrimitives

Entity Profile

ComponentRegistry→ UIPrimitives→ PaginationLink() — ui Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

apps/v4/registry/bases/base/ui/pagination.tsx lines 44–66

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