Pagination

Page navigation for paginated lists and tables.

When to Use

Paginated lists, tables, or search results
When data sets are too large to display on a single page
When users need to navigate between discrete pages of content

Style Variants

Style	Description
`brand`	Uses brand accent color (pink). Selected page has a brand-colored border and text.
`default`	Uses primary text color. Selected page has a primary-colored border and text.

Both styles share the same layout: 40×40 px items, 4 px gap, 8 px corner radius.

Best Practices

Use brand style for primary navigation, default for secondary contexts
Set siblings to control how many page numbers appear around the current page
Use simple mode (prev/next only) for mobile layouts