Pagination

A controlled pager that reuses the secondary small Button for Previous / Next and renders 32px page cells. When there are many pages it collapses to leading and trailing dots around a sibling window, as in the example below.

Installation

Download the React source package, install its dependencies, and import the component with its shared styles.

Download React package Installation guide

'use client';
import '@helios-ui/react/styles.css';
import{NativeScope,NativePaginationExample}from'@helios-ui/react';
export function Example(){return <NativeScope><NativePaginationExample/></NativeScope>}

Advanced playground, API and recovery states ↗

Pagination

Installation

Search Helios UI

Pagination

Installation

Search Helios UI