unicorn-components/src/components/views/search-header/search.component.ts

<a target="_blank" href="https://getunicorn.io"><img src="https://bitbucket-assetroot.s3.amazonaws.com/c/photos/2017/Jul/07/2615006260-5-nitsnetsstudios-ondemand-UNI_avatar.png" align="left"></a>

import { Component, EventEmitter, HostBinding, Input, OnInit, Output } from '@angular/core';

import { UniInputBaseComponent } from '../../base/input-base/input-base.component';

@Component({
    selector: 'uni-search-header',
    templateUrl: 'search.component.html',
    styleUrls: ['search.component.scss'],
})
export class UniSearchHeaderComponent extends UniInputBaseComponent {

    @HostBinding('class.uni-search-header') componentClass = true;
    @Input() placeholder = '';

    constructor() { super(); }


    clear() {
        this.onNgModelChange('');
    }
}