Create <SearchInput>

[zhusee2]

Purpose

Add new <SearchInput> to be used in CRM project

Implement

1. Add new icons
2. Add new <SearchInput>

Usage

const handleSearch = (searchValue) => {};

<SearchInput
    defaultValue="default input value"
    onSearch={handleSearch} />

Demo

[cjies]

don't forget to change the prefix after #22 been merged.

[zhusee2]

#22 is based on this PR, so it'll be changed in there.

[cjies]

others LGTM

[cjies]

一個小建議，希望可以將 <SearchInput> 做成 controlled component。

Like:

<SearchInput
    defaultValue="default"
    value="value"
    onChange={() => {}} />

[cjies]

如果之後有需要 onChange 的時候進行搜尋或其他使用情景的話也可以快速使用。

[zhusee2]

他目前的使用情境暫時比較不會這樣用
不過因為有保留可以透過 input 傳 prop 到 <input> 上，屆時如果臨時需要可以從這邊做成 controlled input XD

// Used as controlled input
<SearchInput
    input={{
        value: 'value',
        onChange: (event) => {},
    }}
    onSearch={(searchValue) => {}} />