Merge pull request #1186 from ilyapishchulin/v4

Add before prop for Search
VKCOM · Dec 19, 2020 · 14219ab · 14219ab
2 parents 13b8714 + eec7bb6
commit 14219ab
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/components/Search/Search.tsx b/src/components/Search/Search.tsx
@@ -30,6 +30,7 @@ export interface SearchProps extends InputHTMLAttributes<HTMLInputElement>, HasR
    * iOS only. Текст кнопки "отмена", которая чистит текстовое поле и убирает фокус.
    */
   after?: ReactNode;
+  before?: ReactNode;
   icon?: ReactNode;
   onIconClick?: (e: VKUITouchEvent) => void;
   defaultValue?: string;
@@ -45,6 +46,7 @@ class Search extends Component<SearchProps, SearchState> {
     autoComplete: 'off',
     placeholder: 'Поиск',
     after: 'Отмена',
+    before: <Icon16SearchOutline />,
   };
 
   isControlledOutside: boolean;
@@ -119,6 +121,7 @@ class Search extends Component<SearchProps, SearchState> {
 
   render() {
     const {
+      before,
       className,
       onFocus,
       onBlur,
@@ -157,7 +160,7 @@ class Search extends Component<SearchProps, SearchState> {
             {platform === IOS && after && <div className="Search__after-width">{after}</div>}
             <div className="Search__placeholder">
               <div className="Search__placeholder-in">
-                <Icon16SearchOutline />
+                {before}
                 <div className="Search__placeholder-text">
                   {platform === VKCOM ? <Text weight="regular">{placeholder}</Text> : placeholder}
                 </div>