> ## Documentation Index
> Fetch the complete documentation index at: https://doc.lucidworks.com/llms.txt
> Use this file to discover all available pages before exploring further.
# search:pagination
export const LwTemplate = ({title = "Key questions to get you started", icon = "sparkles", cta = "Powered by Agent Studio", linkHref = "https://lucidworks.com/demo/?utm_source=docs&utm_medium=referral&utm_campaign=docs_cta_ai"}) => {
const [isLoaded, setIsLoaded] = useState(false);
useEffect(() => {
const timer = setTimeout(() => {
setIsLoaded(true);
}, 500);
return () => clearTimeout(timer);
}, []);
return
{isLoaded && `
}} />}
Powered by Lucidworks Agent Studio
;
};
[localhost link]: http://localhost:3000/docs/4/app-studio/reference/tags/lightning.directive.searchPagination
[mintlify link]: https://doc.lucidworks.com/docs/4/app-studio/reference/tags/lightning.directive.searchPagination
[old doc.lw link]: https://doc.lucidworks.com/app-studio/4.2/1055
## Description
The pagination directive.
## Usage
as element:
```xml wrap theme={"dark"}
```
### Directive info
* This directive creates new scope.
#### Parameters
| Param | Type | Details |
| ------------------------- | ------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| response | **string** | The name of the response to use to generate the pagination. |
| max-pages *(optional)* | **number** | Maximum number of page links to output (default is 10). |
| page-limit *(optional)* | **number** | Maximum limit for which a pagination link is created (e.g. FAST ESP has a default offset limit of \~4000). |
| first-label *(optional)* | **string** | Label for the link to the first page. Default: '1' |
| show-last *(optional)* | **boolean** | Whether to show a link to the last page. Default: false |
| scroll-to *(optional)* | **string]link:\[boolean** | The ID of an element to scroll to when the users selects a page. By default it will scroll to the top. You can disable this automatic scrolling by setting this attribute to `false` |
## Example
#### Source
```xml wrap theme={"dark"}
Normal
Center (pagination-wrapper-center)
Right (pagination-wrapper-right)
```
```js wrap theme={"dark"}
angular.module('lightning').controller('ExampleController', ['$scope', 'ResponseService', function($scope, ResponseService) {
var response = {query:{rpp:10},hits:{act:[0,22555]},page:1};
ResponseService.setResponse('response',response);
}]);
```
#### Result
