Skip to main content
cngx-src documentation

CngxStepRejection

Directivev0.1.0WCAG AA

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

Import#

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

Description#

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

Symmetric context shape with the upcoming tabs cngxTabRejectionIcon slot so consumer templates port directly between the two families.

<cngx-stepper>
  <ng-template cngxStepRejection let-failedIndex="failedIndex" let-originLabel="originLabel">
    <my-icon name="rollback" />
    @if (originLabel) {
      <span class="cngx-sr-only">Rolled back to {{ originLabel }}</span>
    }
  </ng-template>
</cngx-stepper>

https://cngxjs.github.io/cngx/examples/#/ui/stepper/stepper-slot-overrides/rejection-decoration-via-code-cngxsteprejection-code

Metadata#

Index#

Properties

Instance Properties#

templateRef#unknown
Readonly
inject<TemplateRef<CngxStepRejectionContext>>(TemplateRef)