dummy-readable.html

<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>