CngxStepGroupHeader

Directivev0.1.0WCAG AA

projects/common/stepper/slots/step-group-header.directive.ts

Import#

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

Description#

Slot directive for the group-header template on <cngx-stepper>. Discovered via contentChild; cascades through CNGX_STEPPER_CONFIG.templates.groupHeader before falling back to the built-in <span class="cngx-stepper__group-label">.

<cngx-stepper>
  <ng-template cngxStepGroupHeader let-group="group" let-status="status">
    <h4 [class.is-error]="status === 'error'">{{ group.label() }}</h4>
  </ng-template>
</cngx-stepper>

https://cngxjs.github.io/cngx/examples/#/ui/stepper/stepper-slot-overrides/custom-group-header-via-code-cngxstepgroupheader-code

Metadata#

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

Index#

Properties

templateRef

Instance Properties#

templateRef#unknown

Readonly

inject<TemplateRef<CngxStepGroupHeaderContext>>(TemplateRef)