Pagination

Components
pagination

Preview

Code

Prop

Default Value

Value

Scheme

The color scheme of the pagination links

scheme

primary

Anatomy

<Pagination>
  <PaginationContent>
    <PaginationItem>
      <PaginationPrevious />
    </PaginationItem>
    <PaginationItem>
      <PaginationLink />
    </PaginationItem>
    <PaginationItem>
      <PaginationEllipsis />
    </PaginationItem>
    <PaginationItem>
      <PaginationNext />
    </PaginationItem>
  </PaginationContent>
</Pagination>

Installation

Import

Automatic Install (Eject)

Manual Install

Ensure Earthling UI is installed

bun add earthling-ui

Import the component from earthling-ui

import { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, PaginationNext, PaginationEllipsis } from "earthling-ui/pagination"

Pagination

Anatomy

Installation

Ensure Earthling UI is installed

Import the component from earthling-ui

The component is ready to use