CngxStepperEmpty

Directivev0.1.0WCAG AA

projects/common/stepper/slots/stepper-empty.directive.ts

Import#

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

Description#

Slot directive for the empty-state placeholder on <cngx-stepper>. Rendered when flatSteps() is empty - async-loading or server-driven step lists get a "no steps yet" landmark rather than a collapsed strip.

Discovered via contentChild; cascades through CNGX_STEPPER_CONFIG.templates.empty before falling back to no markup (Honest-Absence default).

<cngx-stepper>
  <ng-template cngxStepperEmpty>
    <cngx-empty-state heading="No steps configured yet" />
  </ng-template>
</cngx-stepper>

https://cngxjs.github.io/cngx/examples/#/ui/stepper/stepper-slot-overrides/empty-state-placeholder-via-code-cngxstepperempty-code

Metadata#

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

Index#

Properties

templateRef

Instance Properties#

templateRef#unknown

Readonly

inject<TemplateRef<void>>(TemplateRef)