Progress-rail segment: a horizontal rail whose fill tracks the current page position, with an overlaid knob riding th...
CngxPaginatorRail
ComponentOnPushNo encapsulationv0.1.0WCAG AA
projects/ui/paginator/segments/paginator-rail.component.ts
Import#
import { CngxPaginatorRail } from '@cngx/ui/paginator'
Description#
Progress-rail segment: a horizontal rail whose fill tracks the current page
position, with an overlaid knob riding the fill edge. The track, fill, and
role="progressbar" a11y are composed from the CngxProgress atom - not
reinvented here (same precedent as the progress-bar stepper). The only new
part is the position knob, a decorative (aria-hidden) dot positioned by an
inline inset-inline-start.%, which CngxProgress cannot express. The fill
percentage derives purely from the host pageIndex()/totalPages() signals -
no local state, no writes.
Metadata#
Dependencies#
CNGX_PAGINATOR_HOSTinject()host