ProductFeaturesDocs
Built InUI ComponentsAdmin ConsoleDatabaseBackendStorageAIRAGAuthSecurity
CompanyStoryAboutPricingBlogRoadmap
Install FLIN

Pagination

Page navigation for splitting content across multiple pages. Place page buttons inside.

Basic Pagination

Numbered page buttons with previous and next navigation.

With Ellipsis

Truncated pagination for large page counts with ellipsis indicators.

Simple Navigation

Minimal previous/next buttons without page numbers.

First and Last

Full pagination with first and last page jump buttons.

Few Pages

Compact pagination for a small number of results.

Table Pagination

Pagination commonly seen below data tables with record counts.

Showing 11-20 of 38 results

Usage

<Pagination> <button><Icon name="chevron-left" size="14" /></button> <button>1</button> <button class="active">2</button> <button>3</button> <button><Icon name="chevron-right" size="14" /></button></Pagination>

Props

PropTypeDescription
childrencontentPage buttons and spans. Use class="active" on the current page.