Feature/search box

[emoralesb05]

Description

Added search-input atom and search-box molecule components as part of a search module.

What's included?

<td-search-input>

The <td-search-input> component has 5 properties:

Usage in HTML:

<td-search-input placeholder="Search here" [debounce]="500" (searchDebounce)="searchInputTerm = $event" (search)="searchInputTerm = $event" (clear)="searchInputTerm = ''">
</td-search-input>

<td-search-box>

The <td-search-box> component has 6 properties:

Usage in HTML:

<td-search-box placeholder="Search here" [debounce]="500" [alwaysVisible]="false|true" (searchDebounce)="searchInputTerm = $event" (search)="searchInputTerm = $event" (clear)="searchInputTerm = ''">
</td-search-box>

Test Steps

• ng serve
• Go to http://localhost:4200/#/components/search
• 💥

Screenshots or link to CodePen/Plunker/JSfiddle

[ilsiepotamus]

wondering if these should be eventDebounceTimeout, eventEnterKeypress, eventClearIconClicked just for clarity