PaginationSimple() — ui Function Reference

Architecture documentation for the PaginationSimple() function in pagination-simple.tsx from the ui codebase.

Function tsx DocumentationAtlas SearchAPI

Entity Profile

DocumentationAtlas→ SearchAPI→ PaginationSimple() — ui Function Reference

Dependency Diagram

graph TD
  2ed4ac0d_d86e_5a26_1721_9135f8ec898c["PaginationSimple()"]
  6a0b1781_a090_fb63_5cad_b0397da8a9e3["pagination-simple.tsx"]
  2ed4ac0d_d86e_5a26_1721_9135f8ec898c -->|defined in| 6a0b1781_a090_fb63_5cad_b0397da8a9e3
  style 2ed4ac0d_d86e_5a26_1721_9135f8ec898c fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/base/pagination-simple.tsx lines 8–32

export function PaginationSimple() {
  return (
    <Pagination>
      <PaginationContent>
        <PaginationItem>
          <PaginationLink href="#">1</PaginationLink>
        </PaginationItem>
        <PaginationItem>
          <PaginationLink href="#" isActive>
            2
          </PaginationLink>
        </PaginationItem>
        <PaginationItem>
          <PaginationLink href="#">3</PaginationLink>
        </PaginationItem>
        <PaginationItem>
          <PaginationLink href="#">4</PaginationLink>
        </PaginationItem>
        <PaginationItem>
          <PaginationLink href="#">5</PaginationLink>
        </PaginationItem>
      </PaginationContent>
    </Pagination>
  )
}