fix: update Input icon props.

webiny · Sep 6, 2019 · 3ce7ac1 · 3ce7ac1
1 parent ca12cbd
commit 3ce7ac1
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/packages/ui/src/Input/Input.js b/packages/ui/src/Input/Input.js
@@ -46,7 +46,7 @@ type Props = FormComponentProps & {
     inputRef?: React.Ref<any>,
 
     // A leading icon. Use `<InputIcon/>` component.
-    leadingIcon?: React.Node,
+    icon?: React.Node,
 
     // A trailing icon. Use `<InputIcon/>` component.
     trailingIcon?: React.Node,
@@ -123,7 +123,7 @@ class Input extends React.Component<Props> {
             outlined,
             rows,
             validation = { isValid: null },
-            leadingIcon,
+            icon,
             trailingIcon,
             box,
             ...props
@@ -136,7 +136,7 @@ class Input extends React.Component<Props> {
 
         const boxValue = (
             box ||
-            (!outlined && (Boolean(leadingIcon) || Boolean(trailingIcon)))
+            (!outlined && (Boolean(icon) || Boolean(trailingIcon)))
         ).toString();
 
         return (
@@ -150,9 +150,9 @@ class Input extends React.Component<Props> {
                     onChange={this.onChange}
                     onBlur={this.onBlur}
                     label={label}
-                    withLeadingIcon={leadingIcon}
+                    icon={icon}
                     placeholder={(!label && placeholder) || undefined}
-                    withTrailingIcon={trailingIcon}
+                    trailingIcon={trailingIcon}
                     rows={this.props.rows}
                 />