generated:catalog.entry.cdk-pagination.title
generated:catalog.entry.cdk-pagination.description
@xngui/components/pagination@xngui/components/paginationchrome:demo.section
chrome:demo.preview
import { Component } from '@angular/core';
import { XPagination, XPaginationControls, XPaginationSize, XPaginationStatus } from '@xngui/components/pagination';
@Component({
selector: 'app-example',
imports: [XPagination, XPaginationControls, XPaginationSize, XPaginationStatus],
templateUrl: './pagination.component.html',
})
export class ExampleComponent {}
chrome:demo.events.title 1
- pageChanged
{ "pageIndex": 0, "pageSize": 5, "length": 87 }
chrome:demo.api.title
x-pagination
chrome:demo.api.col.property
chrome:demo.api.col.type
chrome:demo.api.col.default
chrome:demo.api.col.description
modelXPagination—Existing XPagination model — when set, drives paging instead of length/page models.
lengthnumber0Total item count when not using model.
pageSizeOptionsreadonly number[][10, 25, 50]Options shown in the page-size select.
sizeXSize—Visual size tier — falls back to XConfigService when unset.
densityXDensity—Spacing offsets — falls back to XConfigService when unset.
disabledbooleanfalsePrevents paging and sets `aria-disabled` on the host.
ariaLabelstring—Accessible name for the navigation region — falls back to the `pagination.ariaLabel` i18n key.