Changeset View
Changeset View
Standalone View
Standalone View
web/components/search.react.js
Show All 29 Lines | function Search(props: Props, ref): React.Node { | ||||
); | ); | ||||
return ( | return ( | ||||
<div className={css.searchContainer}> | <div className={css.searchContainer}> | ||||
<div className={css.searchIcon}> | <div className={css.searchIcon}> | ||||
<SWMansionIcon size={24} icon="search" /> | <SWMansionIcon size={24} icon="search" /> | ||||
</div> | </div> | ||||
<input | <input | ||||
id={css.searchInputID} | |||||
className={css.searchInput} | className={css.searchInput} | ||||
onChange={onChange} | onChange={onChange} | ||||
value={searchText} | value={searchText} | ||||
type="text" | type="text" | ||||
placeholder={placeholder} | placeholder={placeholder} | ||||
ref={ref} | ref={ref} | ||||
/> | /> | ||||
<ClearSearchButton onClick={onClear} active={showClearButton} /> | <ClearSearchButton onClick={onClear} active={showClearButton} /> | ||||
Show All 10 Lines |