Tulip Logo IconTulip
Components

Pagination

Displays navigation for paginated content.

Usage

import {
  Pagination,
  PaginationContent,
  PaginationItem,
  PaginationLink,
} from "@tulip-systems/core/components";
<Pagination>
  <PaginationContent>
    <PaginationItem>
      <PaginationLink href="#">1</PaginationLink>
    </PaginationItem>
  </PaginationContent>
</Pagination>

Examples

Simple

A simple pagination with only page numbers.

Icons Only

Use just the previous and next buttons without page numbers. This is useful for data tables with a rows per page selector.

On this page