CngxRecyclerAnnouncer

ComponentPrimaryOnPushv0.1.0WCAG AA

projects/common/data/recycler/recycler-announcer.component.ts

Import#

import { CngxRecyclerAnnouncer } from '@cngx/common/data'

Description#

Convenience component that renders the aria-live="polite" region for recycler SR announcements. Eliminates manual boilerplate.

Uses display: contents - no layout impact.

<cngx-recycler-announcer [cngxRecyclerAnnouncer]="recycler" />

https://cngxjs.github.io/cngx/examples/#/common/data/recycler/basic-list-fixed-item-height https://cngxjs.github.io/cngx/examples/#/common/data/recycler/content-visibility-css-only https://cngxjs.github.io/cngx/examples/#/common/data/recycler/infinite-scroll-recycler https://cngxjs.github.io/cngx/examples/#/common/data/recycler/scrolltoindex-deep-link https://cngxjs.github.io/cngx/examples/#/common/data/recycler/variable-heights-cngxmeasure https://cngxjs.github.io/cngx/examples/#/common/data/recycler/with-cngxasyncstate-skeleton-first-load

Metadata#

Selector: cngx-recycler-announcer
Change detection: ChangeDetectionStrategy.OnPush

Host#

Static attributes: styledisplay: contents

Index#

Inputs

Inputs#

recycler#CngxRecycler

input()Required

The recycler instance providing announcement().

default { alias: 'cngxRecyclerAnnouncer' }