s-m-r-t
Open the s-m-r-t source on GitHub Switch to dark color scheme
← All UI components

Actions and display

Pagination

Props for Pagination component

Public export

typescript 
import { Pagination } from '@happyvertical/smrt-ui/ui';
Import path
@happyvertical/smrt-ui/ui
Props
7
Props described
7 of 7
Bindable state
0
Callback events
1
Verified release
0.44.0

Props

NameTypeRequiredDescription
currentPagenumberYesCurrent active page (1-based)
totalPagesnumberYesTotal number of pages
baseUrlstringNoBase URL for link mode (e.g., '/articles')
onPageChange(page: number) => voidNoWhen provided, renders buttons instead of links and calls this on page change
aria-labelstringNoAccessible label for pagination nav
showFirstLastbooleanNoShow first/last page buttons
maxVisiblenumberNoMaximum number of visible page numbers

Bindable state

This component has no bindable public state.

Callback events

  • onPageChange(page: number) => void

Examples and explanation

UI showcase Read the curated UI story for mechanism and usage guidance. smrt-ui package reference See package status, version, limitations, and all public subpaths.