CngxStepBadge

Directivev0.1.0WCAG AA

projects/common/stepper/slots/step-badge.directive.ts

Import#

import { CngxStepBadge } from '@cngx/common/stepper'

Description#

Slot directive for the error-badge template on <cngx-stepper>. Discovered via contentChild; cascades through CNGX_STEPPER_CONFIG.templates.badge before falling back to CNGX_STEPPER_GLYPHS.errorBadge.

<cngx-stepper>
  <ng-template cngxStepBadge let-count="count">
    <span class="my-badge-pill">{{ count }}</span>
  </ng-template>
</cngx-stepper>

https://cngxjs.github.io/cngx/examples/#/ui/stepper/stepper-slot-overrides/custom-error-badge-via-code-cngxstepbadge-code https://cngxjs.github.io/cngx/examples/#/ui/stepper/stepper-error-aggregation/per-step-error-badges

Metadata#

Selector: ng-template[cngxStepBadge]
Export as: cngxStepBadge

Index#

Properties

templateRef

Instance Properties#

templateRef#unknown

Readonly

inject<TemplateRef<CngxStepBadgeContext>>(TemplateRef)