Pagination

Pagination with page navigation, next and previous links.

Usage

Import the component. It's mandatory to wrap the whole component with the Tailwind tag.

const { Tailwind } = VM.require("uiisnear.near/widget/tailwind");
const {
  Pagination,
  PaginationContent,
  PaginationItem,
  PaginationLink,
  PaginationPrevious,
  PaginationNext,
  PaginationEllipsis,
  paginationPreviousClassname,
  paginationNextClassname,
} = VM.require("uiisnear.near/widget/pagination");
 
if (Tailwind == undefined) return "";

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

API Reference

Classnames

Classnames available to customize the component.

Function	Classname
Pagination	paginationClassname
PaginationContent	paginationContentClassname
PaginationPrevious	paginationPreviousClassname
PaginationNext	paginationNextClassname
PaginationEllipsis	paginationEllipsisClassname

Navigation Menu Popover