Pagination

navigation

Pagination with page navigation, next and previous links.

Preview

Installation

npm install @launchapp/design-system
Import
import {  Pagination, PaginationContent, PaginationItem,  PaginationLink, PaginationPrevious, PaginationNext, PaginationEllipsis} from "@launchapp/design-system";

Examples

Basic Pagination

<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>

Props

This component inherits props from its underlying Radix UI primitive.

← PreviousNavigationMenu
Next →Popover