New to Kendo UI for Angular? Start a free 30-day trial
PagerFocusableDirective
Updated on Jun 13, 2025
Represents the Kendo UI Pager focusable directive for Angular. Apply this directive to custom focusable elements in the kendoPagerTemplate to include them in the built-in Pager keyboard navigation.
html
<kendo-pager [skip]="skip" [pageSize]="pageSize" [total]="total">
<ng-template kendoPagerTemplate>
<button kendoPagerFocusable type="button">Custom Button</button>
</ng-template>
</kendo-pager>
Selector
[kendoPagerFocusable]
Export Name
Accessible in templates as #kendoPagerFocusableInstance="kendoPagerFocusable"