stanusk

<e-tags *ngIf="something$ | async as something" class="some-descriptive-class another-descriptive-class" [tags]="whatever.tags" [ngClass]="{'conditional-class': aCondition}" [limit]="42" [anInput]="imputValue" [anotherInput]="anotherValue" (anOutput)="outputListener($event)" (anotherOutput)="anotherListener($event)" class="some-forgotten-class">
    <h3 *ngIf="somethingElse" aDirective="Some text value for the directive" [ngClass]="{'conditional-class': aCondition}" (anotherOutput)="anotherListener($event)" anotherDirective>
        Some heading <span *ngIf="whatever.but.nested" class="yet-another-class">special <a [href]="whatever.but.nested.location">{{whatever.but.nested.valueToDisplay}}</a></span>text
    </h3>
</e-tags>

stanusk

<e-tags *ngIf="something$ | async as something" class="some-descriptive-class another-descriptive-class" [tags]="whatever.tags"
        [ngClass]="{'conditional-class': aCondition}" [limit]="42" [anInput]="imputValue" [anotherInput]="anotherValue"
        (anOutput)="outputListener($event)" (anotherOutput)="anotherListener($event)" class="some-forgotten-class">
    <h3 *ngIf="somethingElse" aDirective="Some text value for the directive" [ngClass]="{'conditional-class': aCondition}"
        (anotherOutput)="anotherListener($event)" anotherDirective>
        Some heading <span *ngIf="whatever.but.nested" class="yet-another-class">special <a [href]="whatever.but.nested.location">
        {{whatever.but.nested.valueToDisplay}}</a></span> text
    </h3>
</e-tags>

stanusk

<e-tags
    *ngIf="something$ | async as something"
    class="some-descriptive-class another-descriptive-class"
    [tags]="whatever.tags"
    [ngClass]="{'conditional-class': aCondition}"
    [limit]="42"
    [anInput]="imputValue"
    [anotherInput]="anotherValue"
    (anOutput)="outputListener($event)"
    (anotherOutput)="anotherListener($event)"

stanusk

<e-tags *ngIf="article$ | async as article" class="left-corners-sharp no-bottom-margin" [tags]="article.tags" [ngClass]="{'edit': isEditing}" [limit]="3" [isEditing]="isEditing" [enableShowAll]="true" (removeTag)="onRemoveTag($event)" (addTag)="onAddTag($event)" class="tags-main">
    <h3 *ngIf="isEditing" eTooltip="Click to stop editing tags" [ngClass]="{'edit': isEditing}" (click)="setTagsEditing(false)" clickable>
        edit <span *ngIf="article.tags.subgroup" class="highlight">special <a [href]="article.tags.subgroup.location">{{article.tags.subgroup.name}}</a></span> tags
    </h3>
</e-tags>

stanusk

<e-tags *ngIf="article$ | async as article" class="left-corners-sharp no-bottom-margin" [tags]="article.tags" [ngClass]="{'edit': isEditing}" [limit]="3"
        [isEditing]="isEditing" [enableShowAll]="true" (removeTag)="onRemoveTag($event)" (addTag)="onAddTag($event)" class="tags-main">
    <h3 *ngIf="isEditing" eTooltip="Click to stop editing tags" [ngClass]="{'edit': isEditing}" (click)="setTagsEditing(false)"
        clickable>
        edit <span *ngIf="article.tags.subgroup" class="highlight">special <a [href]="article.tags.subgroup.location">{{article.tags.subgroup.name}}</a></span> tags
    </h3>
</e-tags>

stanusk

<e-tags
    *ngIf="article$ | async as article"
    class="left-corners-sharp no-bottom-margin"
    [tags]="article.tags"
    [ngClass]="{'edit': isEditing}"
    [limit]="3"
    [isEditing]="isEditing"
    [enableShowAll]="true"
    (removeTag)="onRemoveTag($event)"
    (addTag)="onAddTag($event)"