Component

Pagination

Accessible pagination with automatic ellipsis, keyboard navigation and signal-managed state.

import { NeuPaginationComponent } from '@neural-ui/core/pagination';

10 pages — few

20 pages — with ellipsis (page 1)

100 pages — double ellipsis

import { NeuPaginationComponent } from '@neural-ui/core/pagination';
import { signal } from '@angular/core';

@Component({
  imports: [NeuPaginationComponent],
  template: `
    <neu-pagination
      [page]="page()"
      [total]="total"
      [pageSize]="pageSize"
      (pageChange)="page.set($event)"
    />
  `
})
export class MyComponent {
  page = signal(1);
  total = 150;
  pageSize = 10;
}