Pagination

A page navigator for lists, tables, and archive views.

The Pagination Component

Basic Usage

Code Snippet

<script lang="ts">		import { Pagination } from '$lib/components'; 		let page = $state(3);	</script> 	<Pagination count={12} page={page} onpagechange={(nextPage) => (page = nextPage)} />

Examples

Compact Size

Reduce the control size for dense dashboards and side panels.