Fixed typo

ctavan · Apr 14, 2017 · dfc965a · dfc965a
1 parent 0ea7142
commit dfc965a
Show file tree

Hide file tree

Showing 4 changed files with 52 additions and 38 deletions.
diff --git a/docs/src/pages/component-demos/cards/RecipeReviewCard.js b/docs/src/pages/component-demos/cards/RecipeReviewCard.js
@@ -54,7 +54,7 @@ export default class RecipeReviewCard extends Component {
           <CardHeader
             avatar={<Avatar aria-label="Recipe" className={classes.avatar}>R</Avatar>}
             title="Shrimp and Chorizo Paella"
-            subhead="September 14, 2016"
+            subheader="September 14, 2016"
           />
           <CardMedia>
             <img src={paellaImage} alt="Contemplative Reptile" />

diff --git a/docs/src/pages/component-demos/select-field/SimpleSelectField.js b/docs/src/pages/component-demos/select-field/SimpleSelectField.js
@@ -5,12 +5,14 @@ import { createStyleSheet } from 'jss-theme-reactor';
 import customPropTypes from 'material-ui/utils/customPropTypes';
 import SelectField from 'material-ui/SelectField';
 import MenuItem from 'material-ui/Menu/MenuItem';
+import { Card, CardHeader, CardContent } from 'material-ui/Card';
+
 
 const styleSheet = createStyleSheet('SimpleSelectField', () => ({
   selectBox: {
     display: 'inline-flex',
-    margin: 8,
-  },
+    margin: 8
+  }
 }));
 
 export default class SimpleSelectField extends Component {
@@ -28,38 +30,50 @@ export default class SimpleSelectField extends Component {
     const classes = this.context.styleManager.render(styleSheet);
 
     return (
-      <div>
-        <div className={classes.selectBox}>
-          <SelectField
-            label="Sample"
-            value={this.state.value}
-            onChange={this.handleChange}
-          >
-            <MenuItem value="">None</MenuItem>
-            <MenuItem value={1}>One</MenuItem>
-            <MenuItem value={2}>Two</MenuItem>
-            <MenuItem value={3}>Three</MenuItem>
-          </SelectField>
-        </div>
-        <div className={classes.selectBox}>
-          <SelectField
-            label="Sample"
-            hideLabel
-            value={this.state.value}
-            onChange={this.handleChange}
-            className={classes.select}
-          >
-            <MenuItem value="">None</MenuItem>
-            <MenuItem value={1}>One</MenuItem>
-            <MenuItem value={2}>Two</MenuItem>
-            <MenuItem value={3}>Three</MenuItem>
-          </SelectField>
-        </div>
-      </div>
+      <Card>
+        <CardHeader
+          title="Basic Select Field"
+        />
+        <CardContent>
+          <div className={classes.selectBox}>
+            <SelectField
+              label="Basic"
+              value={this.state.value}
+              onChange={this.handleChange}
+            >
+              <MenuItem value="">None</MenuItem>
+              <MenuItem value={1}>One</MenuItem>
+              <MenuItem value={2}>Two</MenuItem>
+              <MenuItem value={3}>Three</MenuItem>
+            </SelectField>
+          </div>
+          <div className={classes.selectBox}>
+            <SelectField
+              label="Hidden Label"
+              hideLabel
+              value={this.state.value}
+              onChange={this.handleChange}
+            >
+              <MenuItem value="">None</MenuItem>
+              <MenuItem value={1}>One</MenuItem>
+              <MenuItem value={2}>Two</MenuItem>
+              <MenuItem value={3}>Three</MenuItem>
+            </SelectField>
+          </div>
+          <div className={classes.selectBox}>
+            <SelectField
+              label="Disabled"
+              value={this.state.value}
+              disabled
+            >
+              <MenuItem value="">None</MenuItem>
+              <MenuItem value={1}>One</MenuItem>
+              <MenuItem value={2}>Two</MenuItem>
+              <MenuItem value={3}>Three</MenuItem>
+            </SelectField>
+          </div>
+        </CardContent>
+      </Card>
     );
   }
 }
-
-SimpleSelectField.contextTypes = {
-  styleManager: customPropTypes.muiRequired,
-};
diff --git a/docs/src/pages/component-demos/select-field/select-field.md b/docs/src/pages/component-demos/select-field/select-field.md
@@ -1,10 +1,10 @@
-# Select Filed
+# Select Field
 
 To learn more about SelectField please visit the specifications [here](https://material.io/guidelines/components/menus.html#menus-usage).
 
 ## Simple examples
 
 **SelectField** is implemented as a controlled component, with the current selection set through the **value** property. The **SelectField** can be disabled with the **disabled** property.
 
-{{demo='demos/select-field/SimpleSelectField.js'}}
+{{demo='pages/component-demos/select-field/SimpleSelectField.js'}}
 
diff --git a/src/Input/Input.js b/src/Input/Input.js
@@ -70,7 +70,7 @@ export const styleSheet = createStyleSheet('MuiInput', (theme) => {
     },
     disabled: {
       color: theme.palette.text.disabled,
-      cursor: 'not-allowed',
+      cursor: 'not-allowed !important',
     },
     underline: {
       borderBottom: `1px solid ${theme.palette.text.divider}`,