diff --git a/src/components/inputtext/InputText.js b/src/components/inputtext/InputText.js
index 0e1dfb95be..8298e53d39 100644
--- a/src/components/inputtext/InputText.js
+++ b/src/components/inputtext/InputText.js
@@ -8,13 +8,13 @@ export class InputText extends Component {
     static defaultProps = {
         onInput: null,
         onKeyPress: null,
-        keyFilter: null
+        keyfilter: null
     };
 
     static propTypes = {
         onInput: PropTypes.func,
         onKeyPress: PropTypes.func,
-        keyFilter: PropTypes.any
+        keyfilter: PropTypes.any
     };
 
     constructor(props) {
@@ -28,8 +28,8 @@ export class InputText extends Component {
             this.props.onKeyPress(event);
         }
 
-        if (this.props.keyFilter) {
-            KeyFilter.onKeyPress(event, this.props.keyFilter)
+        if (this.props.keyfilter) {
+            KeyFilter.onKeyPress(event, this.props.keyfilter)
         }
     }
 
diff --git a/src/showcase/keyfilter/KeyFilterDemo.js b/src/showcase/keyfilter/KeyFilterDemo.js
index 065c2034d9..1abf6efc17 100644
--- a/src/showcase/keyfilter/KeyFilterDemo.js
+++ b/src/showcase/keyfilter/KeyFilterDemo.js
@@ -19,28 +19,28 @@ export class KeyFilterDemo extends Component {
                     <h3 className="first">Filtering</h3>
                     <div className="ui-g ui-fluid">
                         <div className="ui-g-12 ui-md-4">
-                            <InputText keyFilter="int" placeholder="Integers"/>
+                            <InputText keyfilter="int" placeholder="Integers"/>
                         </div>
                         <div className="ui-g-12 ui-md-4">
-                            <InputText keyFilter="num" placeholder="Numbers"/>
+                            <InputText keyfilter="num" placeholder="Numbers"/>
                         </div>
                         <div className="ui-g-12 ui-md-4">
-                            <InputText keyFilter="money" placeholder="Money"/>
+                            <InputText keyfilter="money" placeholder="Money"/>
                         </div>
                         <div className="ui-g-12 ui-md-4">
-                            <InputText keyFilter="hex" placeholder="Hex"/>
+                            <InputText keyfilter="hex" placeholder="Hex"/>
                         </div>
                         <div className="ui-g-12 ui-md-4">
-                            <InputText keyFilter="alpha" placeholder="Alphabetic"/>
+                            <InputText keyfilter="alpha" placeholder="Alphabetic"/>
                         </div>
                         <div className="ui-g-12 ui-md-4">
-                            <InputText keyFilter="alphanum" placeholder="Alphanumberic"/>
+                            <InputText keyfilter="alphanum" placeholder="Alphanumberic"/>
                         </div>
                         <div className="ui-g-12 ui-md-4">
-                            <InputText keyFilter={/^[^#<>*!]+$/} placeholder="Block # < > * !"/>
+                            <InputText keyfilter={/^[^#<>*!]+$/} placeholder="Block # < > * !"/>
                         </div>
                         <div className="ui-g-12 ui-md-4">
-                            <InputText keyFilter={/[^\s]/} placeholder="Block space key"/>
+                            <InputText keyfilter={/[^\s]/} placeholder="Block space key"/>
                         </div>
                     </div>
                 </div>