Pagination

Pagination with page navigation, next and previous links.

Default

A pagination bar with previous, next, and page links.

Usage

julia

using Suite

Pagination(
    PaginationContent(
        PaginationItem(PaginationPrevious(href="/page/1")),
        PaginationItem(PaginationLink("1", href="/page/1", is_active=true)),
        PaginationItem(PaginationLink("2", href="/page/2")),
        PaginationItem(PaginationLink("3", href="/page/3")),
        PaginationItem(PaginationEllipsis()),
        PaginationItem(PaginationNext(href="/page/2")),
    ),
)

API Reference

PaginationLink

Prop	Type	Default	Description
is_active	Bool	false	Whether this is the current page
size	String	"icon"	icon \| default
href	String	"javascript:void(0)"	Link URL
class	String	""	Additional CSS classes
children...	Any	-	Page number text
kwargs...	Pair	-	Any HTML attribute

PaginationPrevious / PaginationNext

Prop	Type	Default	Description
href	String	"javascript:void(0)"	Link URL
class	String	""	Additional CSS classes
kwargs...	Pair	-	Any HTML attribute

Accessibility

Uses nav with role="navigation" and aria-label="pagination". Active page gets aria-current="page".