mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-15 10:21:05 +00:00
32 lines
626 B
Text
32 lines
626 B
Text
---
|
|
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 />
|