PaginationDemo() — ui Function Reference

Architecture documentation for the PaginationDemo() function in pagination-demo.tsx from the ui codebase.

Function tsx ComponentRegistry ChartRegistry

Entity Profile

ComponentRegistry→ ChartRegistry→ PaginationDemo() — ui Function Reference

Dependency Diagram

graph TD
  08a3111b_abe8_47ee_e809_9b7986a0c99c["PaginationDemo()"]
  fdacbb71_3f02_9b9a_c4f3_0bf9ac4ac98d["pagination-demo.tsx"]
  08a3111b_abe8_47ee_e809_9b7986a0c99c -->|defined in| fdacbb71_3f02_9b9a_c4f3_0bf9ac4ac98d
  style 08a3111b_abe8_47ee_e809_9b7986a0c99c fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

deprecated/www/registry/default/internal/sink/components/pagination-demo.tsx lines 11–38

export function PaginationDemo() {
  return (
    <Pagination>
      <PaginationContent>
        <PaginationItem>
          <PaginationPrevious href="#" />
        </PaginationItem>
        <PaginationItem>
          <PaginationLink href="#">1</PaginationLink>
        </PaginationItem>
        <PaginationItem>
          <PaginationLink href="#" isActive>
            2
          </PaginationLink>
        </PaginationItem>
        <PaginationItem>
          <PaginationLink href="#">3</PaginationLink>
        </PaginationItem>
        <PaginationItem>
          <PaginationEllipsis />
        </PaginationItem>
        <PaginationItem>
          <PaginationNext href="#" />
        </PaginationItem>
      </PaginationContent>
    </Pagination>
  )
}