@theredhead — Frontend Library - v1.0.0
    Preparing search index...

    Class UIPagination

    A pagination control for navigating through pages of data.

    <ui-pagination
      [totalItems]="250"
      [(pageIndex)]="currentPage"
      [pageSize]="10"
      (pageChange)="onPage($event)"
    />
    Index

    Constructors

    constructor

    Properties

    ariaLabel disabled hasNext hasPrevious pageChange pageIndex pages pageSize pageSizeOptions summary totalItems totalPages

    Methods

    goToFirst goToLast goToNext goToPage goToPrevious onPageSizeChange

    Constructors

    Properties

    ariaLabel: InputSignal<string> = ...

    Accessible label for the nav element.

    disabled: InputSignal<boolean> = ...

    Whether the pagination is disabled.

    hasNext: Signal<boolean> = ...

    Whether the next button is enabled.

    hasPrevious: Signal<boolean> = ...

    Whether the previous button is enabled.

    pageChange: OutputEmitterRef<PageChangeEvent> = ...

    Emitted on page or size change.

    pageIndex: ModelSignal<number> = ...

    Zero-based current page index. Supports two-way binding.

    pages: Signal<number[]> = ...

    The page numbers to display.

    pageSize: InputSignal<number> = ...

    Number of items per page.

    pageSizeOptions: InputSignal<readonly number[]> = ...

    Available page size options for the selector. Empty array hides the selector.

    summary: Signal<string> = ...

    Summary text: "1–10 of 250".

    totalItems: InputSignal<number> = ...

    Total number of items.

    totalPages: Signal<number> = ...

    Total number of pages.

    Methods

    • Go to first page.

      Returns void

    • Go to last page.

      Returns void

    • Go to next page.

      Returns void

    • Go to a specific page.

      Parameters

      • index: number

      Returns void

    • Go to previous page.

      Returns void

    • Handle page size change from dropdown.

      Parameters

      • event: Event

      Returns void

    Settings

    Member Visibility

    On This Page

    Constructors
    Properties
    Methods