CngxPaginatorDots

ComponentOnPushNo encapsulationv0.1.0WCAG AA

projects/ui/paginator/segments/paginator-dots.component.ts

Import#

import { CngxPaginatorDots } from '@cngx/ui/paginator'

Description#

The dots indicator: one circular <button> per page inside a clipped viewport track. The active dot carries aria-current="page"; every dot exposes its page name via aria-label (the circle is decorative). Click navigates through the brain, gated while busy. For large counts the track glides (CSS transform transition) to keep the active dot centred, iOS page-control style, instead of reshuffling the DOM. Dot DOM + windowing live here, not in a shared atom.

https://cngxjs.github.io/cngx/examples/#/ui/paginator/paginator-parts/dots/dots https://cngxjs.github.io/cngx/examples/#/ui/paginator/paginator-skins/dots

Metadata#

Selector: cngx-pgn-dots
Export as: cngxPgnDots
Change detection: ChangeDetectionStrategy.OnPush
Encapsulation: ViewEncapsulation.None

Dependencies#

CNGX_PAGINATOR_HOSTinject()host

Index#

Instance Properties#

config#unknown

ProtectedReadonly

injectPaginatorConfig()

Methods#

goto#void

Protected

goto(index: number)

@paramindexnumber

isCurrent#boolean