dxDigitexa UI
HomeDocsComponentsExamplesAI
Get started
Sections
IntroductionComponentsInstallationThemingCLIFor AI agentsChangelog
Examples
Workspace overviewSettings
Components
AccordionActivity feedAlertAlert dialogAvatarBadgeBreadcrumbButtonCalendarCalendar viewCardCheckboxCollapsibleComboboxCommandContext menuData tableDate pickerDialogDropdown menuEmpty stateFieldHover cardInputInput groupKanbanKbdLabelMeterPaginationPopoverPriorityProgressRadio groupScroll areaSelectSeparatorSheetSidebarSkeletonSliderSpinnerStatus iconSwitchTableTabsTask rowTextareaTimelineToastToggleToggle groupTooltip

Pagination

Page links with ellipses, usePagination hook, ready-made controls and compact status.

  • More pages
  • Page 3 of 12
  • Previous
  • 1
  • 2
  • 3
  • More pages
  • Next

Installation

$ curl -fsSL https://ui.digitexa.com/dx.mjs | node --input-type=module - add pagination

Also adds button, utils, theme and installs @radix-ui/react-slot, lucide-react.

Usage

import { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, PaginationNext, PaginationEllipsis, PaginationStatus, PaginationControls, usePagination, getPaginationEntries } from "@/components/ui/pagination";

The Code tab above shows a complete example.

MeterPopover
On this page
PreviewInstallationUsage