Pagination

Usage

Items per page:

1–10 of 102 items

of 11 pages

<script>
  import { Pagination } from "carbon-components-svelte";
</script>

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

Items per page:

31–40 of 102 items

of 11 pages

<script>
  import { Pagination } from "carbon-components-svelte";
</script>

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

Items per page:

1–36 of 102 items

of 3 pages

<script>
  import { Pagination } from "carbon-components-svelte";
</script>

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

Items per page:

1–10 of 102 items

<script>
  import { Pagination } from "carbon-components-svelte";
</script>

<Pagination totalItems={102} pageInputDisabled />

<script>
  import { PaginationSkeleton } from "carbon-components-svelte";
</script>

<PaginationSkeleton />