Skip to main content
cngx-src documentation

CngxTagSuffix

Directivev0.1.0

projects/common/display/tag/slots/tag-suffix.directive.ts

Import#

import { CngxTagSuffix } from '@cngx/common/display'

Description#

Override template for content rendered AFTER the label region of <span cngxTag>. Use for trailing chevrons, sort indicators, or any per-tag suffix decoration.

The slot has no default body - when not projected, no DOM is rendered in the suffix position. Removable affordances belong on CngxChip (which ships its own remove button + announcer wiring), not as a Tag suffix slot.

<span cngxTag [color]="'info'">
  Filter
  <ng-template cngxTagSuffix>
    <cngx-icon name="chevron-down" />
  </ng-template>
</span>

https://cngxjs.github.io/cngx/examples/#/common/display/tag/app-wide-defaults-via-providetagconfig https://cngxjs.github.io/cngx/examples/#/common/display/tag/color-palette https://cngxjs.github.io/cngx/examples/#/common/display/tag/composition-with-cngxicon https://cngxjs.github.io/cngx/examples/#/common/display/tag/density https://cngxjs.github.io/cngx/examples/#/common/display/tag/group-semantic-list https://cngxjs.github.io/cngx/examples/#/common/display/tag/group-with-header-accessory https://cngxjs.github.io/cngx/examples/#/common/display/tag/layout-only-alignment https://cngxjs.github.io/cngx/examples/#/common/display/tag/layout-only-gap-variants https://cngxjs.github.io/cngx/examples/#/common/display/tag/link-mode https://cngxjs.github.io/cngx/examples/#/common/display/tag/slot-overrides-custom-label https://cngxjs.github.io/cngx/examples/#/common/display/tag/slot-overrides-prefix-label-suffix https://cngxjs.github.io/cngx/examples/#/common/display/tag/truncate-maxwidth https://cngxjs.github.io/cngx/examples/#/common/display/tag/variant-matrix

Metadata#

Index#

Properties

Instance Properties#

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