mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-18 19:46:36 +00:00
Code Issues Projects Releases Packages Wiki Activity

docs(pagination-nav): add more examples

Browse source
This commit is contained in:
Eric Liu 2022-10-08 13:31:18 -07:00
commit f851fbbcc9
1 changed files with 27 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

27
docs/src/pages/components/PaginationNav.svx
View file

@ -5,8 +5,35 @@
## Default
`PaginationNav` renders `10` items and does not loop by default.
<PaginationNav />
## Total
Use the `total` prop to specify the number of pages.
<PaginationNav total={3} />
## Loopable
Set `loop` to `true` for navigation to be looped.
<PaginationNav total={3} loop />
## Shown
If `total` is greater than `10`, the number of items shown will be truncated to `10`.
Use `shown` to override the number of items shown.
<PaginationNav total={100} shown={5} />
## Custom button text
Use the `forwardText` and `backwardText` props to customize the button text.
<PaginationNav
forwardText="Next"
backwardText="Previous"
/>