Taiga UI 5 is out!

Emails KIT v5.0.0+

GitHub

Pipe for creating autocomplete when entering email addresses

Example

Standard and custom addresses

    
      
    
    
      <p>
    @if (default | tuiEmails; as emails) {
        <tui-textfield>
            <label tuiLabel>Standard addresses</label>
            <input
                tuiInput
                [(ngModel)]="default"
            />

            @if (emails.length) {
                <tui-data-list-wrapper
                    *tuiDropdown
                    [items]="emails"
                />
            }
        </tui-textfield>
    }
</p>
<p>
    @if (custom | tuiEmails: emails; as emails) {
        <tui-textfield>
            <label tuiLabel>Custom addresses</label>
            <input
                tuiInput
                [(ngModel)]="custom"
            />

            @if (emails.length) {
                <tui-data-list-wrapper
                    *tuiDropdown
                    [items]="emails"
                />
            }
        </tui-textfield>
    }
</p>