27 lines
1.1 KiB
Markdown
27 lines
1.1 KiB
Markdown
|
<!--THIS FILE IS AUTO GENERATED. This file is generated from JSDoc comments in app/components/pagination-controls.js. To make changes, first edit that file and run "yarn gen-story-md pagination-controls" to re-generate the content.-->
|
||
|
|
||
|
## PaginationControls
|
||
|
PaginationControls components are used to paginate through item lists
|
||
|
|
||
|
**Params**
|
||
|
|
||
|
| Param | Type | Default | Description |
|
||
|
| --- | --- | --- | --- |
|
||
|
| total | <code>number</code> | | total number of items |
|
||
|
| [startPage] | <code>number</code> | <code>1</code> | initial page number to select |
|
||
|
| [size] | <code>number</code> | <code>15</code> | number of items to display per page |
|
||
|
| onChange | <code>function</code> | | callback fired on page change |
|
||
|
|
||
|
**Example**
|
||
|
|
||
|
```js
|
||
|
<PaginationControls @startPage={{1}} @total={{100}} @size={{15}} @onChange={{this.onPageChange}} />
|
||
|
```
|
||
|
|
||
|
**See**
|
||
|
|
||
|
- [Uses of PaginationControls](https://github.com/hashicorp/vault/search?l=Handlebars&q=PaginationControls+OR+pagination-controls)
|
||
|
- [PaginationControls Source Code](https://github.com/hashicorp/vault/blob/master/ui/app/components/pagination-controls.js)
|
||
|
|
||
|
---
|