Componente

Pagination

Paginación accesible con ellipsis automático, navegación por teclado y estado gestionado con señales.

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

10 páginas — pocas

20 páginas — con ellipsis (página 1)

100 páginas — ellipsis doble

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;
}