Pagination

Navigation for paginated content.

Installation

# Install @opencosmos/ui to use Pagination
pnpm add @opencosmos/ui

Preview

Loading preview...

Usage

Import

import { Pagination } from '@opencosmos/ui';

Example

<Pagination>
  Content
</Pagination>

Eject

Copy this component into your project for full customization

Code Examples

Basic Usage

Page navigation controls

import { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from "@opencosmos/ui"

<Pagination>
  <PaginationContent>
    <PaginationItem>
      <PaginationPrevious href="#" />
    </PaginationItem>
    <PaginationItem>
      <PaginationLink href="#">1</PaginationLink>
    </PaginationItem>
    <PaginationItem>
      <PaginationNext href="#" />
    </PaginationItem>
  </PaginationContent>
</Pagination>