Added link to Dividers spec on Dividers page and performance improvem…

…ents on DividerExampleForm
mui · Dec 11, 2015 · dc3d90c · dc3d90c
1 parent c4d907b
commit dc3d90c
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 22 deletions.
diff --git a/docs/src/app/components/Divider/ExampleForm.jsx b/docs/src/app/components/Divider/ExampleForm.jsx
@@ -3,28 +3,25 @@ import Divider from 'material-ui/lib/divider';
 import Paper from 'material-ui/lib/paper';
 import TextField from 'material-ui/lib/text-field';
 
-const DividerExampleForm = () => {
-
-  const underlineStyle = {
-    display: 'none',
-  };
-
-  const style = {
-    marginLeft: 20,
-  };
+const underlineStyle = {
+  display: 'none',
+};
 
-  return (
-    <Paper zDepth={2}>
-      <TextField hintText="First name" underlineStyle={underlineStyle} style={style} />
-      <Divider />
-      <TextField hintText="Middle name" underlineStyle={underlineStyle} style={style} />
-      <Divider />
-      <TextField hintText="Last name" underlineStyle={underlineStyle} style={style} />
-      <Divider />
-      <TextField hintText="Email address" underlineStyle={underlineStyle} style={style} />
-      <Divider />
-    </Paper>
-  );
+const style = {
+  marginLeft: 20,
 };
 
+const DividerExampleForm = () => (
+  <Paper zDepth={2}>
+    <TextField hintText="First name" underlineStyle={underlineStyle} style={style} />
+    <Divider />
+    <TextField hintText="Middle name" underlineStyle={underlineStyle} style={style} />
+    <Divider />
+    <TextField hintText="Last name" underlineStyle={underlineStyle} style={style} />
+    <Divider />
+    <TextField hintText="Email address" underlineStyle={underlineStyle} style={style} />
+    <Divider />
+  </Paper>
+);
+
 export default DividerExampleForm;
diff --git a/docs/src/app/components/Divider/README.md b/docs/src/app/components/Divider/README.md
@@ -1,5 +1,5 @@
 ## Divider
 
-Dividers group and separate content within lists and page layouts. The divider is a thin rule, lightweight yet sufficient to distinguish content visually and spatially.
+<a href="https://www.google.com/design/spec/components/dividers.html" target="_blank">Dividers</a> group and separate content within lists and page layouts. The divider is a thin rule, lightweight yet sufficient to distinguish content visually and spatially.
 
 ### Examples