Getting StartedInstall and bootstrap headless foundations 4
LayoutHeadless structural primitives for expandable and container patterns 6
OverlayHeadless modal and floating layer behavior 3
FeedbackHeadless notification and status communication patterns 5
FormHeadless input and selection contracts 17
UtilityReusable action, identity, and clipboard behavior 6
NavigationHeadless trails, trees, menus, and command surfaces 7

Headless pagination API

tngPagination coordinates page state, page count, disabled state, and change events for your custom controls.

  • pageIndex/pageSize create controlled pagination.
  • defaultPageIndex/defaultPageSize create uncontrolled pagination.
  • mode="server" keeps forward movement open for paged API responses.

Movement buttons

  • button[tngPaginationFirst] moves to the first page.
  • button[tngPaginationPrevious] moves backward one page.
  • button[tngPaginationPage] moves to a specific zero-based page index.
  • button[tngPaginationNext] moves forward one page.
  • button[tngPaginationLast] moves to the last client-side page.

Page size select

Apply select[tngPaginationPageSize] to a native select. The directive reads the selected value and calls setPageSize() on the pagination root.