@engie-group/fluid-design-system-angular
Version:
Fluid Design System Angular
18 lines (16 loc) • 848 B
HTML
<summary *ngIf="label || headerTemplate">
<ng-container *ngIf="iconTemplate" [ngTemplateOutlet]="iconTemplate"></ng-container>
<span class="nj-accordion-item__label">
<ng-container *ngIf="label; else headerTemplate">
{{label}}
</ng-container>
</span>
<nj-icon *ngIf="!useAlternativeToggleIcon; else alternativeToggleIcon" name="expand_more" class="nj-accordion-item__toggle" variant="inherit" size="inherit"></nj-icon>
</summary>
<p class="nj-accordion-item__content">
<ng-content></ng-content>
</p>
<ng-template #alternativeToggleIcon>
<nj-icon name="add" class="nj-accordion-item__toggle nj-accordion-item__toggle--closed" variant="inherit" size="inherit"></nj-icon>
<nj-icon name="remove" class="nj-accordion-item__toggle nj-accordion-item__toggle--opened" variant="inherit" size="inherit"></nj-icon>
</ng-template>