CngxAccordionItemIcon

Directivev0.1.0WCAG AA

projects/ui/accordion/accordion-item-icon.directive.ts

Info
API

Import#

import { CngxAccordionItemIcon } from '@cngx/ui/accordion'

Description#

Structural slot overriding a CngxAccordionItem's chevron. The item renders it in the header's icon position with the expanded state as $implicit; absent, the item falls back to its CSS chevron default (no hard CngxIcon dependency).

<cngx-accordion-item>
  <span cngxAccordionItemTitle>Filters</span>
  <ng-template cngxAccordionItemIcon let-expanded>
    <my-icon [name]="expanded ? 'minus' : 'plus'" />
  </ng-template>
</cngx-accordion-item>

Metadata#

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

Dependencies#

TemplateRefinject()templateRef

Index#

Methods

ngTemplateContextGuard

Methods#

ngTemplateContextGuard#CngxAccordionItemIconContext

Static

ngTemplateContextGuard(_dir: CngxAccordionItemIcon, ctx: unknown)

@param_dirCngxAccordionItemIcon

@paramctxunknown