New to Kendo UI for Angular? Start a free 30-day trial

PagerFocusableDirective

Directive

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.

Definition

Package:@progress/kendo-angular-pager

Selector:[kendoPagerFocusable]

Export Name:Accessible in templates as #kendoPagerFocusableInstance="kendoPagerFocusable"

Syntax:

html

<kendo-pager [skip]="skip" [pageSize]="pageSize" [total]="total">
  <ng-template kendoPagerTemplate>
    <button kendoPagerFocusable type="button">Custom Button</button>
  </ng-template>
</kendo-pager>