Interactive Demo
Click page numbers or arrows to navigate.
Page of
States
First page (prev disabled)
Middle page with truncation
Sizes
Small (sm)
Medium (md - default)
Large (lg)
Advanced Options
Jump to page
Page size options
Full controls
Usage
Without HxGet the component renders <a href="?page=N"> links. Set HxGet to use HTMX buttons instead.
@navigation.Pagination(navigation.PaginationProps{
CurrentPage: 3,
TotalPages: 10,
HxGet: "/items", // optional — enables HTMX mode
HxTarget: "#list", // optional target selector
})