Pagination

Add a container element with the pagination class. And add child elements with the page-item class. The page-item with the active class will be highlighted. You can add the disabled class to the page-item to have unclickable page links.

<script>
    import { Pagination } from 'svelte-spectre'
    let page
</script>

<Pagination total={1500} limit={10} rest={4} perpage={true} bind:page />
© 2022 — 2023 BASF SE

API Pagination

page: number
Active page number
any number
total: number
Total items
any number
limit: number
Limit items per page
any number
rest: number
Links to pages to be shown
any number
perpage: boolean
Select limit per page
true | false