Components

Component

Pagination

Page navigation for list and table result sets.

React3 props
PreviewReact

Imports

import { Pagination } from "@hozorica/hods-react/pagination";

Props

PropTypeDescription
selectedbooleanMarks a page item as current.
disabledbooleanDisables prev, next, or page items.
childrenReactNodePage number, label, or ellipsis.

Platform Support

React

Semantic pagination nav with selected page and ellipsis primitives.

React Native

Prefer infinite lists or explicit load-more actions.

Usage

<PaginationRoot><PaginationItem selected>1</PaginationItem><PaginationItem>2</PaginationItem></PaginationRoot>

Notes

  • Use for stable page-based result sets.
  • Use ScrollFog or PullToRefresh patterns for feed-like surfaces.