Navigation
Pagination
Bounded page links that keep large collections navigable.
components.Pagination · PaginationProps
Preview
Open standalone preview →Use it well.
URLForPage preserves your filters. Boundary controls are non-interactive. The page window remains bounded even for very large totals.
Explore the full demo →Templ example
Download example.templThis is the source compiled for the preview. Select the text to copy it, or download the file. Change the package name and demo routes for your application.
package examples
import "github.com/Tend-Stack/TendUI/v2026/components"
templ ExamplePagination() {
@components.Pagination(components.PaginationProps{Page: 1, TotalPages: 3, URLForPage: func(page int) string {
return []string{"/catalog?page=1", "/catalog?page=2", "/catalog?page=3"}[page-1]
}})
}