CngxTagGroupHeader
projects/common/display/tag-group/slots/tag-group-header.directive.ts
Import#
import { CngxTagGroupHeader } from '@cngx/common/display'
Description#
Override template for the header zone of <cngx-tag-group> -
projected ABOVE the row of tags. Use for label-prefix
("Filters"), count badges, sort toggles that span the group, or
any header decoration the consumer wants to bundle with the
layout.
The slot has no default body - when not projected, no DOM is
rendered above the tag row. The reactive count of projected
<span cngxTag> siblings is exposed via the slot context for
consumer "Filters ({{ count }})" patterns without injection.
<cngx-tag-group [semanticList]="true" label="Filters">
<ng-template cngxTagGroupHeader let-count="count">
<strong>Filters ({{ count }})</strong>
</ng-template>
<span cngxTag>Frontend</span>
<span cngxTag>Backend</span>
</cngx-tag-group>