Added hintStyle property

mui · Aug 25, 2015 · a19f53d · a19f53d
1 parent dcd7d00
commit a19f53d
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 1 deletion.
diff --git a/docs/src/app/components/pages/components/text-fields.jsx b/docs/src/app/components/pages/components/text-fields.jsx
@@ -210,6 +210,10 @@ let TextFieldsPage = React.createClass({
               <TextField
                 style={styles.textfield}
                 hintText="Hint Text" /><br/>
+              <TextField
+                style={styles.textField}
+                hintText="Styled Hint Text"
+                hintStyle={{color: 'red'}} /><br/>
               <TextField
                 style={styles.textfield}
                 hintText="Hint Text"

diff --git a/docs/src/app/components/raw-code/text-fields-code.txt b/docs/src/app/components/raw-code/text-fields-code.txt
@@ -1,6 +1,10 @@
 //In Line Hint Text
 <TextField
   hintText="Hint Text" />
+<TextField
+  style={styles.textField}
+  hintText="Styled Hint Text"
+  hintStyle={{color: 'red'}} />
 <TextField
   hintText="Hint Text"
   defaultValue="Default Value" />

diff --git a/src/text-field.jsx b/src/text-field.jsx
@@ -33,6 +33,7 @@ let TextField = React.createClass({
       React.PropTypes.string,
       React.PropTypes.element,
     ]),
+    hintStyle: React.PropTypes.object,
     id: React.PropTypes.string,
     inputStyle: React.PropTypes.object,
     multiLine: React.PropTypes.bool,
@@ -240,6 +241,7 @@ let TextField = React.createClass({
       floatingLabelText,
       fullWidth,
       hintText,
+      hintStyle,
       id,
       multiLine,
       onBlur,
@@ -259,7 +261,7 @@ let TextField = React.createClass({
     ) : null;
 
     let hintTextElement = hintText ? (
-      <div style={this.mergeAndPrefix(styles.hint)}>{hintText}</div>
+      <div style={this.mergeAndPrefix(styles.hint, this.props.hintStyle)}>{hintText}</div>
     ) : null;
 
     let floatingLabelTextElement = floatingLabelText ? (