Skip to main content
cngx-src documentation

CngxStepGroup

DirectivePrimaryv0.1.0WCAG AA

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

GitHub

Import#

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

Description#

Step-group atom. Registers with the root presenter as a kind: 'group' node and provides CNGX_STEP_GROUP_HOST so nested CngxStep atoms register with the group, not the root.

aggregatedStatus rolls up child states: error if any errored, success if all are success, pending if any is pending or busy, otherwise idle.

https://cngxjs.github.io/cngx/examples/#/ui/stepper/stepper-hierarchical/group-nested-steps-trailing-root-step https://cngxjs.github.io/cngx/examples/#/ui/stepper/stepper-hierarchical/expand-active-group-collapse https://cngxjs.github.io/cngx/examples/#/ui/stepper/stepper-hierarchical/group-collapse-summary-count

Related#

Metadata#

Selector
[cngxStepGroup]
Export as
cngxStepGroup
Implements
CngxStepGroupHost

Providers#

CNGX_STEP_GROUP_HOST
useExisting CngxStepGroup

Relationships

Depends on1

CNGX_STEP_GROUP_HOSTservice

Index#

Methods

registerunregister

Inputs

disabledidlabel

Derived State

aggregatedStatusisCollapsed

Inputs#

disabled#boolean
input()
default false
id#string
input()
default nextUid('cngx-step-group')
label#string
input()
default ''

Methods#

register#void
register(handle: CngxStepRegistration)
@paramhandleCngxStepRegistration
unregister#void
unregister(id: string)
@paramidstring
Enter to selectArrow Down Arrow Up to navigateEsc to close