---
components: ["Pagination", "PaginationSkeleton"]
---

<script>
  import { Pagination, PaginationSkeleton } from "carbon-components-svelte";
  import Preview from "../../components/Preview.svelte";
</script>

### Default

<Pagination totalItems={102} pageSizes="{[10, 15, 20]}" />

### Current page

<Pagination totalItems={102} page={4} />

### Custom page sizes

<Pagination totalItems={102} pageSizes="{[16, 36, 99]}" pageSize="{36}" />

### Hidden page input

<Pagination totalItems={102} pageInputDisabled />

### Hidden page size

<Pagination totalItems={102} pageSizeInputDisabled />

### Skeleton

<PaginationSkeleton />
