New to Kendo UI for AngularStart 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"

In this article
SelectorExport Name
Not finding the help you need?
Contact Support