Merge 2c038c1 into caf610c

materialr · Jul 29, 2018 · 7453acd · 7453acd
2 parents caf610c + 2c038c1
commit 7453acd
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/README.md b/README.md
@@ -34,6 +34,7 @@ import TextField from '@materialr/textfield';
 | ----------------------------- | --------------- | -------- | ---------- | -------------------------------------------------------------- |
 | `box`                         | bool            | No       | false      | Whether to render a box outline                                |
 | `className`                   | string          | No       | undefined  | Additional classNames to add                                   |
+| `defaultValue`                | string          | No       | undefined  | The default input value (uncontrolled element)                 |
 | `disabled`                    | bool            | No       | false      | Whether the input is disabled                                  |
 | `fullWidth`                   | bool            | No       | false      | Whether the input is the full width of it's parent             |
 | `helperText`                  | string          | No       | undefined  | The helper text to render beneath the field                    |
@@ -45,7 +46,7 @@ import TextField from '@materialr/textfield';
 | `label`                       | string          | Yes      | N/A        | The field's label                                              |
 | `lengthMaximum`               | number          | No       | undefined  | The maximum length of the field (HTML5 validation)             |
 | `lengthMinimum`               | number          | No       | undefined  | The minimum length of the field (HTML5 validation)             |
-| `name`                        | string          | No       | undefined  | The name attribute of the input element                                       |
+| `name`                        | string          | No       | undefined  | The name attribute of the input element                        |
 | `onBlur`                      | func            | No       | undefined  | The `blur` event handler                                       |
 | `onChange`                    | func            | No       | undefined  | The `change` event handler                                     |
 | `onDragStart`                 | func            | No       | undefined  | The `dragstart` event handler                                  |

diff --git a/src/index.jsx b/src/index.jsx
@@ -129,6 +129,7 @@ class TextField extends React.Component {
       props: {
         box,
         className,
+        defaultValue,
         disabled,
         fullWidth,
         helperText,
@@ -177,6 +178,7 @@ class TextField extends React.Component {
             aria-controls={helperTextControlsId}
             aria-label={label}
             className="mdc-text-field__input"
+            defaultValue={defaultValue}
             disabled={disabled}
             id={getId()}
             maxLength={lengthMaximum}
@@ -198,6 +200,7 @@ class TextField extends React.Component {
               aria-controls={helperTextControlsId}
               aria-label={label}
               className="mdc-text-field__input"
+              defaultValue={defaultValue}
               disabled={disabled}
               id={getId()}
               maxLength={lengthMaximum}
@@ -244,6 +247,7 @@ class TextField extends React.Component {
 TextField.propTypes = {
   box: PropTypes.bool,
   className: PropTypes.string,
+  defaultValue: PropTypes.string,
   disabled: PropTypes.bool,
   fullWidth: PropTypes.bool,
   helperText: PropTypes.string,
@@ -273,6 +277,7 @@ TextField.propTypes = {
 TextField.defaultProps = {
   box: false,
   className: undefined,
+  defaultValue: undefined,
   disabled: false,
   fullWidth: false,
   helperText: undefined,